Невозможно сопоставить массив объектов в javaScript
Как сопоставить массив объектов ниже, где я хочу отображать как Module1, так и его подмодули?
const data = [
{
module1 : ["submod1", "submod2"]
},
{
module2 : ["submod3", "submod4"]
}
]
Я также хочу передать «module1» и его массив в качестве опоры для другого компонента.
как выглядит вывод?
Я добавил ожидаемый результат в виде изображения в конце описания. пожалуйста, проверьте
![Безумие обратных вызовов в javascript [JS]](https://i.imgur.com/WsjO6zJb.png)
Ответы 1
Чтобы извлечь модуль1:
const module1Array = data[0].module1.map(sm=> {
return sm
}
);
Чтобы получить все массивы подмодулей в новом массиве:
const modulesArray = data.map(m => {
return Object.values(m)[0];
})
Почему бы просто не передать данные в качестве реквизита и отобразить их в своем компоненте? ->
const Example = (data) => {
const modules = data.map(m => {
return (
<div>
<h1>{Object.keys(m)}</h1>
<p>{Object.values(m)}</p>
</div>)
})
return (
<div>
{modules}
</div>
)
}
export default Example
я также хочу вернуть модуль1 и модуль2. ваш код очень специфичен для подмодулей модуля 1
Вы должны быть более конкретными с вашим ожидаемым результатом. Картинка, которую вы предоставляете, уже выглядит как структура «данных». Я отредактировал свой пост, чтобы найти способ получить все массивы подмодулей в новом массиве.
Спасибо за вашу помощь. но что, если я также хочу вернуть «module1» вместе с его подмодулями. я хочу передать основной модуль («Module1») и его подмодули (submod1, submod2) как отдельные реквизиты для компонента. Как мне это сделать?
Каков ожидаемый результат?