在UI上显示对象数据的嵌套数组
在UI上显示对象数据的嵌套数组
提问于 2022-11-23 09:46:17
我有来自后端的响应作为一个对象数组，
const cloudData = [
{
dataCenter: "AWS-East",
availablechannels: [
{
channelName: "E-channel1",
id: 1,
},
{
channelName: "E-channel2",
id: 2,
},
{
channelName: "E-channel3",
id: 3,
},
],
},
{
dataCenter: "AWS-West",
availablechannels: [
{
channelName: "W-channel1",
id: 1,
},
{
channelName: "W-channel2",
id: 2,
},
{
channelName: "W-channel3",
id: 3,
},
],
},
];我需要以如下方式在UI网格上显示，
AWS东部
电子通道1
2
电子通道3
我试过使用es6映射和过滤器
回答 1
Stack Overflow用户
发布于 2022-11-23 09:57:18
你可以这样做：
cloudData.forEach((datacenter)=> {
console.log(datacenter.dataCenter)
datacenter.availablechannels.forEach((channel)=>{
console.log(channel.channelName)
})
})页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/74544717
复制相关文章
相似问题
腾讯云开发者
