首页
学习
活动
专区
圈层
工具
发布
社区首页 >问答首页 >更改React的setState函数中的深层字段的最佳方式是什么?

更改React的setState函数中的深层字段的最佳方式是什么?
EN

Stack Overflow用户
提问于 2018-12-07 11:46:43
回答 1查看 38关注 0票数 0

假设一个组件的状态如下:

代码语言:javascript
复制
{
  a: { b: {c: 1, d: 1 }}
}

我想改变a.b.c。我听说在React中我们应该用不可变的对象来改变状态。因此,我可能应该克隆state.a的对象,更改c字段并将其传递给setState

代码语言:javascript
复制
const newA = JSON.parse(JSON.stringify(this.state.a)); // could use other clone method, just for example
newA.b.c = 5 // change
this.setState({ a: newA })

那么,最好的方法是什么呢?我是个新手。在Vue中,我们只需更改它,所有事情都会发生。我不知道React的原理。

EN

回答 1

Stack Overflow用户

发布于 2018-12-07 12:50:18

你的方法是正确的,我通常这样做……

代码语言:javascript
复制
const newA =  {...this.state.a};
newA.b.c = 5;
this.setState({a:newA});
票数 0
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/53662945

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档