title: How to get value from object in react
body: <p>I have an object list data like as</p>
  <p>data:</p>
  <pre><code>[
    {
      &quot;postId&quot;: 1,
      &quot;id&quot;: 1,
      &quot;name&quot;: &quot;id labore ex et quam laborum&quot;,
      &quot;email&quot;: &quot;Eliseo@gardner.biz&quot;,
      &quot;body&quot;: &quot;laudantium enim quasi est quidem magnam voluptate ipsam eos\ntempora quo necessitatibus\ndolor quam autem quasi\nreiciendis et nam sapiente accusantium&quot;
    },
    {
      &quot;postId&quot;: 1,
      &quot;id&quot;: 2,
      &quot;name&quot;: &quot;quo vero reiciendis velit similique earum&quot;,
      &quot;email&quot;: &quot;Jayne_Kuhic@sydney.com&quot;,
      &quot;body&quot;: &quot;est natus enim nihil est dolore omnis voluptatem numquam\net omnis occaecati quod ullam at\nvoluptatem error expedita pariatur\nnihil sint nostrum voluptatem reiciendis et&quot;
    }
  ]
  </code></pre>
  <p>I want to get name value from data.</p>
  <p>code:</p>
  <pre><code>return(
          &lt;Fragment&gt;
              
              {Object.keys(cardData).map((keys)=&gt;{
                  &lt;li&gt;{cardData[keys].name}&lt;/li&gt;
                  
              })}
              
          &lt;/Fragment&gt;
      ) 
  </code></pre>
  <p>but I don't get any data in return. When I use map to iterate it. An error shows me <code>cardData.map is not a function</code>. please help me for solve the problem</p>