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

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 数组包含超过 1 个项目，您也可以映射它：

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

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

How to render multiple rows for a a only a given column in react using react tables?

reactjs

react-table