Javascript 迭代键/值并显示它

我试图在视图（ScrollView）上呈现一个键值，但在下面的代码上没有获得成功：

render(){
  const MyResult = this.state.data.map((myData) => {
    Object.keys(myData).map((key) => {
      console.log(key + " - " + myData[key]);    
      return( 
        <View>
          <Text>{key} - {myData[key]}</Text>
        </View>
      )
    });
  })


  return(
   <View style={styles.container}>
     <ScrollView>
       {MyResult}
     </ScrollView>
   </View>
  )}
}

render（）{
const MyResult=this.state.data.map（（myData）=>{
Object.keys（myData）.map（（key）=>{
console.log（key+“-”+myData[key]）；
报税表（
{key}-{myData[key]}
)
});
})
返回(
{MyResult}
)}
}

我的console.log正在显示一切正常，我猜错误从对象开始。keys。。。模拟器上的显示显然没有显示任何内容

---

我如何迭代键、值并显示它？

正如Felix在评论中提到的，您没有从外部映射“返回”任何内容。只需尝试在

对象之前添加一个
返回
。键

，看看它是否有效，如下所示：

 const MyResult = this.state.data.map((myData) => {
   return Object.keys(myData).map((key) => {
      console.log(key + " - " + myData[key]);    
      return( 
        <View>
          <Text>{key} - {myData[key]}</Text>
        </View>
      )
    });
  })

const MyResult=this.state.data.map（（myData）=>{
返回Object.keys（myData）.map（（key）=>{
console.log（key+“-”+myData[key]）；
报税表（
{key}-{myData[key]}
)
});
})

您没有从外部

.map（…）

回调返回任何内容，即

MyResult

是一个仅包含

未定义的

值的数组。我想你真正想要/需要的是平面地图。我从来没有用过平面地图。最好的方法是什么？自定义实现是3-5行代码，或者使用预先存在的实现，例如。当然，您也可以只展平

MyResult

（假设您从外部

.map

回调返回结果）。谢谢，我现在知道了。我还要学习关于平面地图的stg。