时间戳

首页 > 解决方案 > 如何在使用反应表的反应中仅为给定列呈现多行？

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

问题描述

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

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

              }
            ]
      }
  ]

我想使用反应行呈现这些数据。如何渲染其他数组？

标签： reactjsreact-table

解决方案

假设您的数组被分配给变量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>))

推荐阅读