react开发，state中某个属性为对象或数组时，需要修改该对象中的某一个属性

最新推荐文章于 2025-07-15 22:36:55 发布

原创最新推荐文章于 2025-07-15 22:36:55 发布 · 7.2k 阅读

19 ·

CC 4.0 BY-SA版权

文章标签：

#react

本文介绍了一种在前端应用中管理和更新状态的方法。通过设置初始状态对象，包括列表数据和对象数据，并展示了如何通过复制和修改现有状态来实现状态更新，避免直接修改状态导致的问题。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

1.设置state对象

this.state = {
    listData: [
        {name: "小坏", age: "20"},
        {name: "小不", age: "21"},
    ],
    obj: {
        name: "小坏",
        age: "22",
    }
}

2 修改state对象

change = (index) => {
    const listData = [...this.state.listData];   //复制数组--浅拷贝
    const obj = Object.assign({}, this.state.obj, { age: "21" });

    this.setState({
        listData: listData.map((item, idx) => idx === index ? {...item, name:  "陈小坏"} : item),
        obj: obj,                         
    })
}