comment afficher un élément de tableau sage dans un composant de React js?

Bonjour, J'ai une réponse venant d'une API en tant que JSON ["a", "b", "c"]. Je veux afficher ce json Element Wise dans un composant React. J'ai converti le JSON en tableau. Je suis capable d'afficher le JSON entier et le tableau dans son ensemble sur le composant, mais je ne peux pas l'afficher élément par élément.comment afficher un élément de tableau sage dans un composant de React js?

En javascript, j'avais l'habitude de mettre une boucle for et d'afficher tout l'élément par document.write mais je veux savoir comment le faire dans REACT JS.

Source

2016-12-30 developer_beginning

De la même façon: faites une boucle et créez des éléments. –

S'il vous plaît lire la documentation: [listes et clés] (https://facebook.github.io/react/docs/lists-and-keys.html) –

Dans la fonction render():

<ul> 
{yourArray.map((item,index) => 
    <li key={index}>{item}</li> 
)} 
</ul>

Est-ce ce que vous voulez faire?

Source

2016-12-30 07:35:27

oui c'est ce que je cherchais! thankyou –

@ Jyoti2994 [Facebook recommande d'éviter l'utilisation des indices comme valeurs "clés" si les éléments peuvent réorganiser] (https://facebook.github.io/react/docs/lists-and-keys.html#keys), donc vous voudrez peut-être essayer de trouver une autre «clé» pour chaque élément si c'est le cas ici. –

j'ai toujours eu une erreur Impossible de lire la propriété 'carte' de undefined suis nouveau bie :) maintenant suis tutoriel suivant dans udemy, mais je ne sais toujours pas comment le résoudre –

comment afficher un élément de tableau sage dans un composant de React js?

Répondre

Questions connexes