獲取父數組對象中當前元素的編號

Question

我有以下JSON對象，並且在構建Message.jsx時，我希望在節數組中包含當前消息元素的編號。我怎麼能這樣做？

{ "sections": [ 
    { 
     "message": { 
     "from": "someone", 
     "body": "ibsum" 
     } 
    }, 
    { 
     "message": { 
     "from": "someone else", 
     "body": "lorem" 
     } 
    }, ... ] } 

我可以真正做到這一點，而不需要明確地設置節數組中的每個對象的ID屬性嗎？

Answer 1

使用map的第二個屬性，它是數組中的元素索引。您可以用相同的方式設置密鑰。請記住，指數從0

開始因此，像這樣：

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