CODEWITHSUNDEEP
reactjs
Zanetti
Zanetti

Reputation: 1

Iterating objects inside an array

How do I get "name" from objects instead of {item}?

class Abc extends Component {
    state = {
        tags: [
            {
                "id": 1
                "name": "goal"
            },
            {
                "id": 2
                "name": "kick"
            }
        ]
    }

    render() {
        return (
            .................................
            <div>
                {this.state.tags.map((item, index) => (
                    <span key={index}>{item}</span>
                ))}
            </div>
            ...................................
        );
    }
}

Upvotes: 0

Views: 23

Answers (1)

wizebin
wizebin

Reputation: 730

Just access it directly.

class Abc extends Component {
    state = {
        tags: [
            {
                "id": 1
                "name": "goal"
            },
            {
                "id": 2
                "name": "kick"
            }
        ]
    }

    render() {
        return (
            .................................
            <div>
                {this.state.tags.map((item, index) => (
                    <span key={item.id}>{item.name}</span>
                ))}
            </div>
            ...................................
        );
    }
}

Upvotes: 1

Related Questions