J'ai un composant défini comme indiqué ci-dessous. Creatingist code> contient des valeurs qui nous intéressent à l'affichage. Il contient les éléments suivants:
function DisplayList(props) {
const creativeList = props.creativeList
function ret(){
creativeList.forEach(function(item){
const i = item[0]
console.log(i.keyID)
return (
<li>{i.keyID}</li>
);
})
}
return (
<div>
<li>List:</li>
{ret()}
</div>
);
}
export default DisplayList;
4 Réponses :
Ajouter une déclaration de retour juste avant la déclaration et la remplacement de la carte p>
cartographie renvoie une matrice des éléments renvoyés par son paramètre de rappel, contrairement à Foreach. P>
Retours de retour non défini, c'est pourquoi votre liste n'est pas d'imprimer. P>
function ret(){ return creativeList.map(function(item){ console.log(item.keyID) return ( <li>{item.keyID}</li> ); }) }
Essayez ceci. Vous avez manqué de renvoyer une composante et un succès, vous devez utiliser une carte au lieu de pourcheach
Il n'y a aucun moyen d'arrêter de forescher, si vous voulez retourner, des retours retours non définis, utilisez la carte à la place. Exemple de travail: Sandbox P>
Vous pouvez simplifier à l'aide de la carte code>. Ajoutez également l'attribut
clé code> à chaque élément de la liste.