Reactjs 16 tutorial #18 Handle Nested Object with Map

In this react js tutorial we learn how to resolve Nested Object listing with Map function of js, how to iterate multi denominational object

Checkout and subscribe our new channel for technical news

[codestepbystep]

Checkout and subscribe our new channel for technical news

[amitdiwakar]

Watch 100 videos and this was the best video for map function 👍🏻

[poonamsaroj]

Love u ❤, you are my life saver i wasted whole night coz of a bug, now solved by this 😘😘😘😘😘😘as always u are my favorite mentor

[_axtone]

Great explanation, thank you! I spent like two hours struggling with this 😅

[blackdev]

Thank you! I’ve been struggling with this issue. Great tutorial 🙏🏿

[jakebrenneman]

thank you very very much for helping me solve this. you writing 'sub' (an arbitrary word) is what made me realize my error
would give this 10 thumbs up if i could!

[greatgordoi]

You save my life bro, thank you so much!

[xxMaCuxx]

This was very helpfull, thankyou very much!

[mitchell]

Easier than I thought it would be to call a nested object of course. Always overthinking things

[sjrotr]

Thank u so much sir thanks a lot for this video I was getting this error since last day ...but now it's solved by Ur video thank you so much sir ❣️

[sivasakthivelkalaiarasu]

Really a simple one. Thanks @code step by step

[manuelfash]

wonderful video, please can u make one of destructuring this exact example into a variable, thanks so much

[khongphakchaiphong]

Can I add data to the nested object by input and the onChange method then display it in the console?

[suggz]

What other prettier components can be used for nested objects / array? It's understandable to follow your tutorial with ul and li, but I need to represent my Odata nested object perhaps in a Table or Treeview. Do you have any video tutorials with different react components instead of ul and li ?

[roopsoops]

This was great thank you. And what would you do in the case of empty array, like when you have to input value in nested empty arrays that intake data from input field and many nested sublayers? Would appreciate any kind of feedback from anyone! 😊

[TheJulio]

Hi...how would you implement the map function to retrieve the nested elements. I am unable to retrieve permanentLink.item or any nested node.... it is so frustrating. This is my json object...could you please help?

[
{
"heading": "Material Information-1",
"permanentLink": {
"item": "AA0076866/00001"
}
},
{
"heading": "Material Information-2",
"title": {
"x": "abc"
},
"abbreviatedTitle": {
"x": "other title"
},
"creator": {
"x": {
"name": "creator of type binder",
"role": "binder"
}
},
"donor": {
"x": {
"name": "donor name",
}
},
"pubPlace": {
"x": [
{
"loc": "pub loc 1",
"u": "href"
},
{
"loc": "pub loc 2",
"u": "url href"
},
{
"loc": "location 2",
"u": "url href for location 2"
},
{
"loc": "location 3",
"u": "url href for location 3"
}
]
},
"publisher": {
"x": {
"name": "publisher name",
"u": "url href"
}
}
},
{
"heading": "Material Information-3"
}
][
{
"heading": "Material Information-1",
"permanentLink": {
"item": "AA0076866/00001"
}
},
{
"heading": "Material Information-2",
"title": {
"x": "abc"
},
"abbreviatedTitle": {
"x": "other title"
},
"creator": {
"x": {
"name": "creator of type binder",
"role": "binder"
}
},
"donor": {
"x": {
"name": "donor name",
}
},
"pubPlace": {
"x": [
{
"loc": "pub loc 1",
"u": "href"
},
{
"loc": "pub loc 2",
"u": "url href"
},
{
"loc": "location 2",
"u": "url href for location 2"
},
{
"loc": "location 3",
"u": "url href for location 3"
}
]
},
"publisher": {
"x": {
"name": "publisher name",
"u": "url href"
}
}
},
{
"heading": "Material Information-3"
}
]

[growonline]

Hi I have a question,
1.We have the array object data with key and values
2.if in one of the key, value pair has the value as an object so how do we access them.
Please explain this....

[Pearlescent]

Mine still doesnt work. I am using axios promise method.

However, this is a great video - very simple, not hard at all.

[unbekannt]

Thank you for your Videos
How do you pass a selected object to another Class ?

[JohriAnkesh]

i am getting error as item' is not defined . What could be the issue?