使用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)时，我会看到期望的渲染效果。实际上，在forEach方法内部也不会呈现常规的html元素。在React中执行此操作的常用方法是什么？

Answer 1

.forEach不会返回任何内容，但是.map会返回任何内容。如果您更改

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

到

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

应该起作用。