javascript - 迭代键/值并显示它

Question

我正在尝试在 View (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>
  )}
}

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

如何遍历键、值并显示它？

Answer 1

正如 Felix 在评论中提到的，您不会从外部 map “返回”任何内容。只需尝试在 Object.keys 之前添加一个 return 并查看它是否有效，如下所示:

 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>
      )
    });
  })