title: I'm not able to render an object property that's inside an array
body: <p>I'm trying to access the array values of this without much luck. I'm trying to access the label inside food. I've tried it doing this <code>{data.parsed[0].label}</code> but I'm getting an error <code>0</code> of undefined whenever I try this. Why can that be if that's how you access an object?</p>
  <pre><code>{
      &quot;text&quot;:&quot;apple&quot;
      &quot;parsed&quot;:[
      0:{
      &quot;food&quot;:{
      &quot;foodId&quot;:&quot;food_a1gb9ubb72c7snbuxr3weagwv0dd&quot;
      &quot;uri&quot;:&quot;http://www.edamam.com/ontologies/edamam.owl#Food_apple&quot;
      &quot;label&quot;:&quot;Apple&quot;
      &quot;nutrients&quot;:{...}
      &quot;category&quot;:&quot;Generic foods&quot;
      &quot;categoryLabel&quot;:&quot;food&quot;
      &quot;image&quot;:&quot;https://www.edamam.com/food-img/42c/42c006401027d35add93113548eeaae6.jpg&quot;
      }
      }
      ]
      &quot;hints&quot;:[...]
      &quot;_links&quot;:{
      &quot;next&quot;:{...}
      }
      }
  </code></pre>