Визуализация объекта в таблицу с использованием синтаксиса React.js

Question

Я не могу заставить следующее работать в React's 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>

, это должно работать.