json数据在<tablerow>中呈现在react中

时间:2016-11-30 07:24:09

标签: json reactjs

我正在尝试呈现tableData这样的格式: enter image description here

<TableRow>之内:

{this.state.tableData.map((row, index) => (
          <TableRow key={index}>
            <TableRowColumn>{console.log(tableData[index].name)}{tableData[index].name}</TableRowColumn>
            <TableRowColumn>{tableData[index].role}</TableRowColumn>
            <TableRowColumn>{tableData[index].phone}</TableRowColumn>
            <TableRowColumn>{tableData[index].email}</TableRowColumn>
          </TableRow>
          ))}

代码段中的控制台为我提供了可以在浏览器中查看的正确值。

enter image description here

但代码段<TableRowColumn>{tableData[index].name}</TableRowColumn> 给出错误Error : TypeError: Cannot read property 'name' of undefined

任何建议请!!

1 个答案:

答案 0 :(得分:2)

因为,您应该在行中使用this.state.tableData调用表格数据,而不是tableData[index],因为tableData未定义。但我建议您使用row函数中的map变量。