Question

我正在尝试在视图上呈现键值（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

正如菲利克斯在评论中提到的那样，你并没有＆＃34;返回＆＃34;来自外部地图的任何东西。只需尝试在return之前添加Object.keys，看看它是否有效，如下所示：

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

迭代键/值并显示它

1 个答案: