代码之家 › 专栏 › 技术社区 › rutuja yewalekar

如何在react中使用react表只呈现给定列的多行?

react-table reactjs

1

rutuja yewalekar · 技术社区 · 6 年前

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

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

              }
            ]
      }
  ]

我想使用react行呈现这个数据。如何渲染其他数组?

1 回复 | 直到 6 年前

1

0

Chris 6 年前

假设数组被赋给变量 data 以下内容:

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

如果你的 数据 数组包含多个项,也可以映射它:

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