使用React.js语法将对象渲染到表

Question

我不能让以下内容在React的工作中 render()

<table>
  <tbody>
    ...
    { this.state.data.map( (entry, index) => 
      <tr>{ Object.values(entry).forEach( e => <td>{e}</td> )}</tr> 
    )}
  </tbody>
</table>

但是，当我替换为时<td>{e}</td>，console.log(e)我会看到期望的渲染效果。实际上，任何常规的html元素也不会在forEach方法内部呈现。在React中执行此操作的常用方法是什么？

Answer 1

.forEach不返回任何东西，但是返回.map。如果你改变

Object.values(entry).forEach( e => <td>{e}</td>

至

Object.values(entry).map( e => <td>{e}</td>

那应该工作。