setState 是异步的

最新推荐文章于 2022-10-12 11:12:42 发布

转载最新推荐文章于 2022-10-12 11:12:42 发布 · 60 阅读

本文介绍了一种解决React中setState异步问题的方法。通过在组件更新的生命周期方法componentDidUpdate中调用props来传递state的变化，确保了表单查询参数能够及时更新。

1.解决 setState 异步问题

// 查询
handleSearch(e){
  // 禁止默认行为
  e.preventDefault();
  // 获取 form 表单的值
  this.setState({
   params: this.props.form.getFieldsValue()
  });
}

// 生命周期 -- 组件更新时调用 -- 解决setState异步问题
componentDidUpdate(){
  // 子组件向父组件传值
  this.props.getQueryParams(this.state.params);
}

关注博主即可阅读全文