JavaScript, access json property

Question

I have a .json file like this:

import single from 'file.json'


{
"id": 4,
"code": 4508099576,
"important": [
            {
            "id": 4,
            "name": "services"
            }
        ]

}

I want to access "services" for render it. But the following syntax doesn´t work:

<span>Plans: {single.important.name}</span>

I think you need to learn a little more about Javascript, Datatypes, Arrays, Etc before to start to develop with React. {single.important[i].name} where i is the index. — Ele
– Ele, Commented Mar 3, 2018 at 18:41

Shubham Khatri · Accepted Answer · 2018-03-03 18:50:24Z

1

important is an array and you need to access its first object. Your would write

<span>Plans: {single.important[0].name}</span>

In case if you want to render all the plans within the important array, you would make use of map like

<div>{single.important.map((obj) => {
   return  <span key={obj.id}>Plans: {obj.name}</span>
})</div>

edited Mar 3, 2018 at 18:50

answered Mar 3, 2018 at 18:40

Shubham Khatri

284k58 gold badges431 silver badges411 bronze badges

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

Comments

TheBeardedOne · Accepted Answer · 2018-03-03 18:42:43Z

0

Important is an array. You need to access it with an index ex.

single.important[0].name

answered Mar 3, 2018 at 18:42

TheBeardedOne

2923 silver badges6 bronze badges

Collectives™ on Stack Overflow

JavaScript, access json property

2 Answers 2

Comments

Comments

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

Comments

Related