React踩坑指南——setState不生效的解决方法

玉儿Qi

于 2017-08-29 11:00:32 发布

阅读量2.3w

点赞数 2

CC 4.0 BY-SA版权

分类专栏：前端开发文章标签： React

本文链接：https://blog.youkuaiyun.com/u014328357/article/details/77674920

前端开发专栏收录该内容

227 篇文章

订阅专栏

本文探讨了在使用React时遇到的setState操作与函数调用不同步的问题，对比了两种写法，一种未能立即触发更新，另一种则能正确实现状态更新后的回调调用。

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

不生效的写法：

const theQuery = Object.assign( {}, {
  id: '',
  beginDate: '',
  endDate: '' // 查询条件
}, _query.toJS() );
this.setState(theQuery);
action.getRefundList(theQuery)

可以生效的写法1：

const theQuery = Object.assign( {}, {
  id: '',
  beginDate: '',
  endDate: '' // 查询条件
}, _query.toJS() );
this.setState(theQuery, () => {
  action.getRefundList(theQuery)
} );

可以生效的写法2：

const theQuery = Object.assign( {}, {
  id: '',
  beginDate: '',
  endDate: '' // 查询条件
}, _query.toJS() );
this.setState(Object.assign( {}, theQuery );
action.getRefundList(theQuery)

具体原因我却不太清楚，还望路过的大神们不吝赐教～