Я пытаюсь сопоставить массив category
(который находится внутри объекта List
) и получить доступ id
и name
, которые находятся внутри массива объектов.
Ниже мои данные.
List = {
category: [
{
id: 1,
name: 'Alpha',
},
{
id: 2,
name: 'Bravo',
},
{
id: 3,
name: 'Charlie',
},
],
}
Ниже приведен код реакции, который пытается получить доступ к идентификатору и имени.
{List.category.map((index, res) => {
console.info("Output:",res)
})}
//Output: 0
//Output: 1
//Output: 2
//Output: 0
//Output: 1
//Output: 2
...
Как я могу получить доступ к name
и id
, которые находятся внутри category
?
Пожалуйста, дайте мне знать ваши предложения.
Это сработает. (Хотя вам не следует использовать map
, если вы не хотите отображать фактический вывод в пользовательском интерфейсе, но я предполагаю, что это просто отладочный код.)
{List.category.map(({ name, id }) => {
console.info("Output:", name, id);
})}
поставить именно то, что должно быть возвращено из функции map
?
я не знаю, сделал ли я что-то не так, но {List.category.map(({ name, id }) => { <p>{name}</p>; })}
ничего не отображает
потому что у вас нет оператора return
- хотя вы можете обойтись без этого, если замените фигурные скобки на (...)
Спасибо, и что мне делать, если я хочу отображать
name
иid
внутри абзаца, например <p>{name}</p>