Récupère le numéro de l'élément courant dans l'objet tableau parent

Question

J'ai l'objet JSON suivant et quand je construis le Message.jsx, je voudrais inclure comme id le numéro de l'élément de message courant dans le tableau de section. Comment pourrais-je faire ça? Est-ce que je peux réellement faire ceci sans définir explicitement une propriété d'identification pour chaque objet dans le tableau de section?

Answer 1

Utilisez la deuxième propriété de map qui est l'index d'élément dans le tableau. Vous pouvez définir la touche de la même manière. Rappelez-vous, les indices commencent à 0.

donc quelque chose comme ceci:

<Section> 
{this.props.messages.map((message, i) => { 
    return <Message key={i} id={i} info={message} /> 
})} 
</Section>