Всем привет. Второй день ломаю голову, как можно максимально динамически

Question

Всем привет. Второй день ломаю голову, как можно максимально динамически

вывести таблицу из данных json? то есть, чтобы каждую, так назовем позицию не прописывать руками в <td>, например

<td>{item.title}</td>
<td>{item.date_created}</td>
<td>{item.traffic_channel}</td>

ведь если подумать, то что мне прийдет с сервера я могу и не знать, и позиций может быть очень много, и все руками не пропишешь.
Я пытался второй цикл впихнуть для перебора ключей, но выводит тогда все в одну <td> а не в каждую отдельно, этот цикл выглядит примерно так, точнее так выглядит моя задумка

<tbody>
{db.map(item =>(
arr.map(elem =>(
<tr key={item.id}>
<td>{item.elem}</td>
))
))}
</tbody>

первый перебирает каждый элемент в массиве, а второй только ключи (я их выше отдельно в массив положил)

#frontend #javascript #programming #react.js #russian

0

11.12.2020

6 ответов

3 просмотра

Firstname Lastname

в thead выводишь колонки (из первого элемента через Object.keys или откуда-то еще) в tbody мапишь каждый элемент в tr, внутри него делаешь Object.values и мапишь значения в td

0

11.12.2020

Umalat M

Ну arr.map можно написать так: arr.map((key, index)=> <td key={index}>{item[key]}</td> ) И обернуть это в <tr key={item.id}></tr>

0

11.12.2020

Umalat M

Umalat M
Ну arr.map можно написать так: arr.map((key, index...

Лучше если arr.map поменять на Object.keys(item).map

0

11.12.2020

@Dragos Автор вопроса