title: map over nested array in react
body: <p>I want to display the values of the following data which is received when i make fetch request:</p>
  
  <p>data: Array</p>
  
  <pre><code>0: Object
    title: "html"
    description: Array
    name: "xyz"
    class: "c"
  
  1: Object
    title: "html1"
    description: Array
    name: "xyz1"
    class: "c1"
  </code></pre>
  
  <p>I have tried following code:</p>
  
  <pre><code>&lt;div&gt;
    {
      data.map((item, index) =&gt; {
        &lt;h1 key={index}&gt;{item.title}/&lt;/h1&gt;
        { item.description.map((c, i) =&gt;
          &lt;div&gt;
            &lt;h3 key={i}&gt;{c.name} {c.class}&lt;/h3&gt;
          &lt;/div&gt;
        )}
      })
    }
  &lt;/div&gt;
  </code></pre>
  
  <p>The above code displays only the title value. It's not displaying name and class value. Please help me.</p>