Question

我的要求是通过迭代对数组对象动态创建表行。我正在使用下面的代码来实现它：

details = _.forEach(executionDetails, function(value) {
        return (
          <TableRow>
            <TableCell> { value.numResults } </TableCell>
            <TableCell> { value.timeStamp } </TableCell>
          </TableRow>
        )
      })
  <Table>
   <TableBody>
       {details}
   </TableBody>
  </Table>

但这不起作用，我收到错误：对象作为React子对象无效。如果您要渲染子集合，请使用数组。提前致谢

Answer 1

forEach不会返回任何内容，您需要使用map才能返回结果

details = executionDetails.map(function(value) {
    return (
      <TableRow>
        <TableCell> { value.numResults } </TableCell>
        <TableCell> { value.timeStamp } </TableCell>
      </TableRow>
    )
  })

<Table>
   <TableBody>
       {details}
   </TableBody>
</Table>

在React中动态创建表行

1 个答案: