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

最新推荐文章于 2025-08-29 18:38:35 发布

原创最新推荐文章于 2025-08-29 18:38:35 发布 · 2.3w 阅读

3 ·

CC 4.0 BY-SA版权

文章标签：

#React

前端开发专栏收录该内容

227 篇文章

订阅专栏

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

不生效的写法：

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)

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