The format of an object in Javascript ot ReactJs can be nested many times and can get complicated quickly.How to access nested object in ReactJS.
var student = {
"name":"Dheeraj",
"age":44,
"books": {
"chemistry":"The Chemical chain",
"physics":"Elberts Thoery",
"Maths":"Integration & Derivatives"
}
"address":"Jaipur"
}
Now an above object student can be used in your project but how to consume it.
We can use this method
student[2]['books'].chemistry
Or
student[2].books.chemistry
So using [] we can access any index of an object . [] is used for indexing . The indexing starts from 0,1,2,3…..So to access three you will use [3]
See our More Project in Laravel and ReactJS
Theme Color change in React JS
Records display in Material UI Table
Display Records in Model Box in React