Getting child data in react nested object

Question

I am not sure how to get the nested object data in react jsx, can anyone help me?

wine:
{
_id: "5b21ca3eeb7f6fbccd471815",
name: "Margaux",
wineType: { _id: "5b21ca3eeb7f6fbccd471818", name: "Red Wine" },
numberInStock: 5,
vintage: 1982,
volume: 750,
imageURL:
  "www.abc.come",
region: { _id: "2", name: "Bordeaux" },
price: 18000
},

I am looking for the name in region object,

I try testing {wine.region.name} but having error.

TypeError: Cannot read property 'name' of undefined

In json you have defined Wine but you are accessing it will small letter {wine.region.name} — Vikram Singh
– Vikram Singh, Commented Oct 25, 2018 at 10:32
Put this object into an variable and then access using that variable. — Narendra Jadhav
– Narendra Jadhav, Commented Oct 25, 2018 at 10:33
may be its rendering issue means you are accessing data before initializing of object. — Kishan Madhesiya
– Kishan Madhesiya, Commented Oct 25, 2018 at 10:34
I can actually get data with {wine.name} and result in "Margaux", — Kenny
– Kenny, Commented Oct 25, 2018 at 10:37

Asif vora · Accepted Answer · 2018-10-25 11:15:31Z

1

U have to use the object as invariable so define let data = {....} or in JSON file { "data": {....} ,...}.

let wine={
        _id: "5b21ca3eeb7f6fbccd471815",
        name: "Margaux",
        wineType: { _id: "5b21ca3eeb7f6fbccd471818", name: "Red Wine" },
        numberInStock: 5,
        vintage: 1982,
        volume: 750,
        imageURL:
          "www.abc.come",
        region: { _id: "2", name: "Bordeaux" },
        price: 18000
    }

    let {region:{name}}=wine;
    console.log('name',name);

O/P : Bordeaux

answered Oct 25, 2018 at 11:15

Asif vora

3,2853 gold badges18 silver badges35 bronze badges

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

Comments

Mukesh Burnwal Mike · Accepted Answer · 2018-10-25 10:56:35Z

1

Your format of json is not looking correct please try this one

wine={
    _id: "5b21ca3eeb7f6fbccd471815",
    name: "Margaux",
    wineType: { _id: "5b21ca3eeb7f6fbccd471818", name: "Red Wine" },
    numberInStock: 5,
    vintage: 1982,
    volume: 750,
    imageURL:
      "www.abc.come",
    region: { _id: "2", name: "Bordeaux" },
    price: 18000
}

first assign the hole object in wine and then try to access like {wine.region.name} it will work. It seems like a wrong format of json.

answered Oct 25, 2018 at 10:56

Mukesh Burnwal Mike

4992 silver badges7 bronze badges

Comments

Muhammad Saqib · Accepted Answer · 2018-10-25 11:10:31Z

1

As you can see in the attachment your JSON is not valid and running it as it is throws error of invalid token thats why you are unable to go to the next nodes. The attachment also shows how to correctly use it and visit specific node in jason[1]: https://i.sstatic.net/xsVcU.png

answered Oct 25, 2018 at 11:10

Muhammad Saqib

702 bronze badges

Collectives™ on Stack Overflow

Getting child data in react nested object

3 Answers 3

Comments

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

Comments

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related