javascript — отображение данных в компоненте React из объекта, ключи которого отличаются, но значения одинаковы

Отображение данных в компоненте React из объекта, ключи которого отличаются, но значения одинаковы

У меня есть некоторые данные в формате JSON, где ключи разные, но вложенные в них объекты имеют одинаковые ключи (в данном случае я хочу title и description ).

Как отобразить эти данные в компоненте React?

Я видел, что вы можете «отображать» элементы в объекте, как в массиве, используя Object.keys(objectName).map() однако, поскольку ключи на следующем уровне все уникальны, я не уверен, как перейти на следующий уровень, чтобы получить данные, которые мне нужны.

Данные JSON, с которыми я работаю, выглядят примерно так:

 const data = { dataINeed: { firstObject: { id: 'one', title: 'First title', description: 'First description', }, secondObject: { id: 'two', title: 'Second title', description: 'Second description', }, thirdObject: { id: 'three', title: 'Third title', description: 'Third description', }, }, }; 

И «отображение» данных в React выглядит примерно так:

 {Object.keys(data.dataINeed).map((data) ={amp}gt; { return ( {amp}lt;dl{amp}gt; {amp}lt;dt{amp}gt;{data.*.title}{amp}lt;/dt{amp}gt; {amp}lt;dd{amp}gt;{data.*.description}{amp}lt;/dd{amp}gt; {amp}lt;/dl{amp}gt; ); })} 

Что, очевидно, не работает, так как я не могу использовать селектор подстановочного знака.

Любые предложения о том, как добраться до этого следующего уровня данных?

Понравилась статья? Поделиться с друзьями:
JavaScript & TypeScript
Adblock
detector