Как вывести данные в таблицу?

Question

[1233211]

Есть массив с объектами вот такого вида:

[
  { arr: [ 1,2,3,4,5 ] },
  { arr: [ 10, 20, 30, 40, 50 ] }
]

Как вывести в таблицу данные, чтобы они вот так получились на странице (отступы не важны)?

Answer 1

[0xD34F]

Сделать из столбцов строки:

const rows = useMemo(() => data.length
  ? data[0].arr.map((n, i) => data.map(m => m.arr[i]))
  : []
, [ data ]);

Ну и отрендерить:

<table>
  <tbody>
    {rows.map(n => <tr>{n.map(m => <td>{m}</td>)}</tr>)}
  </tbody>
</table>

https://jsfiddle.net/s9q0xr78/