Question

我有以下JSON对象，在构建Message.jsx时，我想在section数组中包含id作为当前消息元素的编号。我怎么能这样做？

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

我是否可以在没有为section array中的每个对象显式设置id属性的情况下实际执行此操作？

Answer 1

使用map的第二个属性，它是数组中的元素索引。您可以以相同的方式设置密钥。请记住，索引从0开始。

这样的事情：

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

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

1 个答案: