Javascript 如何从2d array react.js检索数据

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":[

我从react中的一个组件检索数据,该组件作为2d数组传递到另一个组件

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筛选方法。很高兴能够提供帮助:)