How to access the data inside this object in react?

Question

IN this image I have to fetch the data in the name key how to do it

Answer 1

i think this post will help you:

https://stackoverflow.com/questions/71936347/reactjs-how-can-i-access-data-from-nested-object-fetched-api/71936484#71936484

you can use map like a previos post then go through all the elements.

you can do like:

{Object?.map(o=>(
      <div key={o.id}>
        <h1>{o.name}</h1>    
        <h1>{o.address}</h1>
      </div>  
 ))}

Answer 2

Since the 'data' is an object, you can try this:

data['0'].name

If you want to get 'name' of all values in an array, you can try this:

Object.values(data).map(v => v.name)

Answer 3

This article might help. https://www.digitalocean.com/community/tutorials/4-uses-of-javascripts-arraymap-you-should-know

Basically, you need to iterate/map through the items in the object.

Array.map((item) => {}))