title: Displaying Json with multiple array inside Listview
body: <p>I'm new in react native and I'm having trouble with displaying all the json data in a listview with multiple arrays. I need to save the data using asyncStorage. The json data is from MQTT. Is it possible to use multiple map iterator inside return in react native?</p>
  
  <p>here is my code for displaying the JSon in my listview:</p>
  
  <pre><code>&lt;ListView 
     enableEmptySections={true}
     dataSource{this.state.ds.cloneWithRows
     (this.props.quotes)}
     renderRow={this.renderRow.bind(this)}
  /&gt;
  </code></pre>
  
  <p>here is my render row:</p>
  
  <p><div class="snippet" data-lang="js" data-hide="false" data-console="true" data-babel="false">
  <div class="snippet-code">
  <pre class="snippet-code-js lang-js prettyprint-override"><code>renderRow(rowData) {
     return (
          &lt;TouchableOpacity&gt;
             &lt;View style={styles.row}&gt;
                  &lt;Text style={styles.description}&gt;
                      {rowData.id}
                  &lt;/Text&gt;
                  &lt;Text style={styles.description}&gt;
                      {rowData.a}
                  &lt;/Text&gt;
              &lt;/View&gt;
          &lt;/TouchableOpacity&gt;
        )
  }</code></pre>
  </div>
  </div>
  </p>
  
  <p>And here is my JSON Data:</p>
  
  <pre><code>{
    "sample":[
         {
              "id": 1,
              "Sam1":[
              {
                "a": 1,
                "b": 2, 
                "arr": [
                     {
                       "b": 1,
                       "c": 2,
                     }    
                   ]
              },
           ]
         }
    ]
  }
  </code></pre>
  
  <p>I have 3 arrays how can I display the 2nd and third array in my listview? 
  Thanks for answering :) </p>
  
  <p>cheers,</p>