169 похожих чатов

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

вывести таблицу из данных 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>

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

6 ответов

11 просмотров

Гуглите: рекурсия + таблицы в 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>

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

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

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

Похожие вопросы

Обсуждают сегодня

Добрый вечер. Есть вопрос, а может и предложение. Был у меня диалог в другой группе о делфи и я задался вопросом: "А нельзя ли в делфи цвет //коментария и {комментария} сде...
Kraszx
24
Всем привет! Подскажи, пожалуйста, как передать в TComboBox сразу значение и id записи. На Delphi я делал так: ComboBox1.Items.AddObject('Какое-то значение', Pointer(id запис...
Евгений
13
Мдя, прикол, боевая сборка запускается (именно под отладчиком) после F9 примерно полторы минуты (97 секунд если быть точным). Начал копать - проблема детектится сразу - зависа...
Александр (Rouse_) Багель
38
Здравствуйте, вопрос по структурам данных. Были у вас случаи, когда пришлось писать деревья или двунаправленные списки?
/ /
50
Товарищи, кто работа с iphelper? Или может я в самой логике ошибки фигачу, не пойму.... var ifTable : PMIB_IFTABLE; size, corSize: DWORD; Buffer ...
Warfarellen
4
я так понимаю, я так подозреваю, что создание такого плагина для человека, кто умеет писать плагины для делфи потребует минут 5-10 времени. но это мое подозрение. хотелось бы ...
Kraszx
7
Коллеги, добрый вечер. Создаю коллекцию от TFPGMap, ключ - перечисление, значение - целое. Нужно отсортировать коллекцию по значению. Как это можно сделать?
Kirill Filippenok
11
Скажи а ты когда этот канал создавал ты уже дельфи не любил, или это со временем пришло?
Роман Лях (rgreat)
18
Привет, такой вопросик появился кажется ли вам что Rust слишком сложный/строгий для высокоуровневого программирования и слишком "безопасный"/строгий для низкоуровневого?
Крокант
10
Всем привет! Использую кастомное модальное диалоговое окошко, все по классике - mrOK, mrCancel как ModalResult. Однако есть нюанс - в главной форме есть универсальный обработч...
Олег Гранишевский
20
Карта сайта