Render Nested json objects in React Native

Question

In my render() method i need to parse nested json objects. See the portion of render and json structure below. I access Last Name with {params.name_last}. How will i access items under team, like team.name_first

render() {
        let { params } = this.props.navigation.state
        <Text>{params.name_last}</Text>
}

[
	{
		"id": 1,
		"name_first": "Name first 1",
		"name_middle": "",
		"name_last": "Name last 1",
		"name_suffix": "",
		"phone": "888-8888",
		"fax": "888-8888",
		"updated_at": "2015-11-02T21:42:42.000Z",
		"team": [
			{
				"id": 16,
				"name_first": "aaa",
				"name_middle": "",
				"name_last": "bbb",
				"name_suffix": ""
			},
			{
				"id": 28,
				"name_first": "aaa",
				"name_middle": "",
				"name_last": "bbb",
				"name_suffix": ""
			},
			{
				"id": 29,
				"name_first": "aaa ",
				"name_middle": "",
				"name_last": "bbb",
				"name_suffix": ""
			}
		]
	}
 ]

Kraylog · Accepted Answer · 2018-01-14 08:57:16Z

1

Since team is an array, you need to either access a specific entry in the array, or iterate over the entire thing.

To reach a specific property in the nested array entry (assuming you want the object at index i):

params.team[i].name_first

To create an array of first names:

params.team.map(x => x.name_first)

answered Jan 14, 2018 at 8:57

Kraylog

7,6131 gold badge28 silver badges37 bronze badges

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

Collectives™ on Stack Overflow

Render Nested json objects in React Native

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related