How to map this using react js?

Question

How can we map nested objects in ReactJS?

{
   "Data1":{
      "attribute1":{
         "key":"discount",
         "value":"50% off"
      },
      "attribute2":{
         "key":"original_price",
         "value":"Rs. 998"
      },
      "attribute3":{
         "key":"img",
         "value":[
            ""
         ]
      },
      "attribute4":{
         "key":"product_url",
         "value":"https://www.flipkart.com/3six5-combo-pack-2-men-sports-running-shoes-walking/p/itm45eecec10cd8d"
      },
      "attribute5":{
         "key":"title",
         "value":"3SIX5 - Combo pack of 2 Men Sports &amp; Running Sports Shoes Walking Shoes For Men"
      },
      "attribute6":{
         "key":"price",
         "value":"Rs. 498"
      },
      "buttonReference":"Button1"
   }
}
}

This data is fetched from the server and I want to traverse through each element, and for that I want to map this data.

Does this answer your question? React - how to map nested object values? — Hoppeduppeanut
– Hoppeduppeanut, Commented May 19, 2021 at 5:46

Manuel · Accepted Answer · 2021-06-21 07:36:11Z

1

Use Object.keys() to map over all keys. Object.keys() reference

Object.keys(data).map(key => {
    const value = data[key];
    // do whatever you want with the data
});

answered Jun 21, 2021 at 7:36

Manuel

2183 silver badges14 bronze badges

Sign up to request clarification or add additional context in comments.

Collectives™ on Stack Overflow

How to map this using react js?

1 Answer 1

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related