вывести таблицу из данных 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>
первый перебирает каждый элемент в массиве, а второй только ключи (я их выше отдельно в массив положил)
Гуглите: рекурсия + таблицы в js
в thead выводишь колонки (из первого элемента через Object.keys или откуда-то еще) в tbody мапишь каждый элемент в tr, внутри него делаешь Object.values и мапишь значения в td
Ну arr.map можно написать так: arr.map((key, index)=> <td key={index}>{item[key]}</td> ) И обернуть это в <tr key={item.id}></tr>
Лучше если arr.map поменять на Object.keys(item).map
спасибо всем, пойду делать)
Обсуждают сегодня