如何使用反应表为反应中的给定列呈现多行？

Question

我想显示格式的表格数据，

[
      {
          "user1":{
              "firstName": ["abcd"],
              "lastName":[ "xyz"],
          },
          "user2": {
              "firstName": "qwer",
              "lastName": "nmas"
          },
          "others": [
              {
                  "firstName": "sadas",
                  "lastName": "sadas"
              },
              {
                  "firstName": "cccc",
                  "lastName": "nmcs"

              }
            ]
      }
  ]

我想使用react行渲染这些数据。如何渲染其他阵列？

Answer 1

假设您的数组已分配给变量data：

data[0].others.map(item => <p>{`${item.firstname} ${item.lastName}`}</p>)

如果你的data数组包含多个项目，你也可以映射它：

data.map(d => d.others.map(item => <p>{`${item.firstname} ${item.lastName}`}</p>))