@1233211

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

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

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

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

5d7907429b98a818023689.png
  • Вопрос задан
  • 88 просмотров
Решения вопроса 1
0xD34F
@0xD34F Куратор тега React
Сделать из столбцов строки:

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/
Ответ написан
Комментировать
Пригласить эксперта
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы