javascript - 使用 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>

应该可以。