获取父数组对象中当前元素的编号

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>