Javascript 如何从2d array react.js检索数据
我从react中的一个组件检索数据,该组件作为2d数组传递到另一个组件Javascript 如何从2d array react.js检索数据,javascript,arrays,reactjs,Javascript,Arrays,Reactjs,我从react中的一个组件检索数据,该组件作为2d数组传递到另一个组件 console.log(this.props.cheatsheet)导致[object object],[object object] console.log(JSON.stringify(this.props.dashboards))显示以下数组值 [ { "name":"Test", "description":"TEest", "filter":[
console.log(this.props.cheatsheet)
导致[object object],[object object]
console.log(JSON.stringify(this.props.dashboards))代码>显示以下数组值
[
{
"name":"Test",
"description":"TEest",
"filter":[
"201158",
"200461",
"201345"
],
"KPIs":[
]
},
{
"name":"Asset Owner Dashboard",
"description":"Description for Asset Owner Dashboard",
"filter":[
"201732",
"222323",
323244
],
"KPIs":[
{
"name":"Asset",
"charts":[
{
"name":"Details"
}
]
},
{
"name":"Incidents",
"charts":[
{
"name":"Count by AssignmentGroup"
},
{
"name":"COE Open Tickets"
},
{
"name":"NEW IM in Last 48hrs"
}
]
},
{
"name":"Problem Tickets",
"charts":[
{
"name":"Count by Status"
},
{
"name":"Open PMR"
},
{
"name":"Details"
}
]
}
]
}
]
从测试和资产所有者仪表板映射过滤器阵列的最佳方法是什么?您可以使用嵌套映射来呈现数据。就像下面的例子
类应用程序扩展了React.Component{
render(){
var arr=[
{
“名称”:“测试”,
“说明”:“TEest”,
“过滤器”:[
"201158",
"200461",
"201345"
],
“KPI”:[
]
},
{
“名称”:“资产所有者仪表板”,
“说明”:“资产所有者仪表板说明”,
“过滤器”:[
"201732",
"222323",
323244
],
“KPI”:[
{
“名称”:“资产”,
“图表”:[
{
“名称”:“详细信息”
}
]
},
{
“名称”:“事件”,
“图表”:[
{
“名称”:“按AssignmentGroup计数”
},
{
“名称”:“COE公开票证”
},
{
“姓名”:“过去48小时内的新即时通讯”
}
]
},
{
“名称”:“问题单”,
“图表”:[
{
“名称”:“按状态计数”
},
{
“名称”:“打开PMR”
},
{
“名称”:“详细信息”
}
]
}
]
}
]
返回(
{arr.map(函数(项){
返回(
{item.filter.map(函数(val)){
返回{val}
})}
)
})}
)
}
}
ReactDOM.render(,document.getElementById('app'))代码>
您可以使用lodashJs筛选方法。很高兴能够提供帮助:)