在Listview中显示带有多个数组的Json

Question

我是本地新人，我在使用多个阵列的列表视图中显示所有json数据时遇到问题。我需要使用asyncStorage保存数据。 json数据来自MQTT。是否有可能在反应本机中使用多个map迭代器？

这是我在listview中显示JSon的代码：

<ListView 
   enableEmptySections={true}
   dataSource{this.state.ds.cloneWithRows
   (this.props.quotes)}
   renderRow={this.renderRow.bind(this)}
/>

这是我的渲染行：

＆＃13;

＆＃13;

renderRow(rowData) {
   return (
        <TouchableOpacity>
           <View style={styles.row}>
                <Text style={styles.description}>
                    {rowData.id}
                </Text>
                <Text style={styles.description}>
                    {rowData.a}
                </Text>
            </View>
        </TouchableOpacity>
      )
}

＆＃13;

＆＃13;

＆＃13;

这是我的JSON数据：

{
  "sample":[
       {
            "id": 1,
            "Sam1":[
            {
              "a": 1,
              "b": 2, 
              "arr": [
                   {
                     "b": 1,
                     "c": 2,
                   }    
                 ]
            },
         ]
       }
  ]
}

我有3个数组如何在列表视图中显示第2个和第3个数组？ 谢谢你回答:)

欢呼声，

Answer 1

您可以映射这些子数组。以下是使用JSON的示例。如果您提供更逼真的JSON可能会更有意义，但是这里有。

rowData.Sam1.map(sam => {
   <Text>{sam.a}</Text>
   sam.arr.map(a => {
     <Text>{a.b}</Text>
   }
}