リストビュー内に複数の配列を持つJsonを表示

Question

私は反応ネイティブで新しく、複数の配列を持つリストビューにすべてのjsonデータを表示するのに問題があります。 asyncStorageを使用してデータを保存する必要があります。 jsonデータはMQTTからのものです。反応ネイティブで複数のマップイテレータをリターンで使用することは可能ですか？ここ

は私のリストビューでJSONを表示するための私のコードです：

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

そして、ここで私のJSONデータである：ここ

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

は私の行をレンダリングしている

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

私は3つの配列を持っていますどのように私のリストビューに2番目と3番目の配列を表示できますか？ :)

歓声に答えるため おかげで、

Answer 1

は、あなただけのこれらのサブアレイの上にマッピングすることができます。 JSONを使用した例を次に示します。より現実的なJSONを提供すれば、より意味をなさないかもしれませんが、ここにはあります。