在<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>
))}
代码段中的控制台为我提供了可以在浏览器中查看的正确值。
但代码段<TableRowColumn>{tableData[index].name}</TableRowColumn>
给出错误Error : TypeError: Cannot read property 'name' of undefined
任何建议请!!
答案 0 :(得分:2)
因为,您应该在行中使用this.state.tableData
调用表格数据,而不是tableData[index]
,因为tableData
未定义。但我建议您使用row
函数中的map
变量。