title: render nested arrays with react by display key only once
body: <p>I have a nested array and I would like to render this array with JSX code such that key like array1 should be display once and the text should be displayed as list and then continue the same loop with the next array. I have tried using map function and for loop but could not achieve success.</p>
  
  <pre><code>sampleArray : [{"array1": [ {"text": "abc"},{"text": "def"}, {"text": "ghi"}],
                 "array2":[{"text": "efg"}, {"text": "fgh"}]]
  </code></pre>
  
  <p>Please suggest me map function to iterate over this array to render into JSX code. Thanks</p>