Reactjs 迭代数组中的对象

如何从对象而不是{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={item.id}>{item.name}</span>
                ))}
            </div>
            ...................................
        );
    }
}

---

您还应该使用对象的id属性作为键，而不是假设id属性未被编辑以实现来自@Jayce444的建议的索引

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>
            ...................................
        );
    }
}