Redux注册功能中isCreated状态更新滞后，注册成功却弹出错误提示的问题修复咨询

这是因为Redux的dispatch调用你的异步register action时是非阻塞的——你刚发起dispatch就立刻去读取this.props.isCreated，这时候后端请求还没完成，Redux状态还没更新，所以拿到的还是初始的false，自然会弹出错误提示。等请求成功完成、Reducer更新状态后，isCreated才会变成true，但这时候你的判断逻辑早就执行完了。

这里有两种常用的修复方式，你可以根据自己的习惯选择：

方案一：利用Async/Await等待dispatch完成 #

Redux Thunk会让你的异步action creator返回一个Promise，所以我们可以用async/await来等待dispatch完成，之后再读取更新后的props：

修改你的handleKayit方法：

handleKayit = async e => { 
  e.preventDefault(); 
  const { adi_soyadi,kul_adi,cep_tel, cinsiyet,egitim,dog_tarihi,dogdugu_il,isi,yasadigi_kent,e_posta,parola } = this.state; 
  const { dispatch } = this.props; 

  // 等待dispatch完成异步请求
  await dispatch(register(adi_soyadi,kul_adi,cep_tel,undefined, cinsiyet,egitim,dog_tarihi,dogdugu_il,isi,yasadigi_kent,e_posta,undefined,undefined,undefined,parola,undefined,undefined,undefined,undefined,undefined)); 

  // 现在读取的就是更新后的isCreated了
  const { isCreated} = this.props; 
  if (isCreated){ 
    alert("Successful signup") 
    window.location.reload(); 
    // 注意：这里不要直接修改props！props是只读的，页面刷新后组件会重新初始化，isCreated会回到初始值
    // this.props.isCreated.push(false); // 这行代码请删除
  }else{ 
    alert("Error on signup") 
  } 
}

方案二：用componentDidUpdate监听状态变化 #

如果你不想用async/await，可以通过组件的生命周期方法监听isCreated的变化，当它从false变成true时执行成功逻辑：

首先修改你的handleKayit，只负责发起dispatch：

handleKayit = e => { 
  e.preventDefault(); 
  const { adi_soyadi,kul_adi,cep_tel, cinsiyet,egitim,dog_tarihi,dogdugu_il,isi,yasadigi_kent,e_posta,parola } = this.state; 
  const { dispatch } = this.props; 
  dispatch(register(adi_soyadi,kul_adi,cep_tel,undefined, cinsiyet,egitim,dog_tarihi,dogdugu_il,isi,yasadigi_kent,e_posta,undefined,undefined,undefined,parola,undefined,undefined,undefined,undefined,undefined)); 
}

然后添加componentDidUpdate方法：

componentDidUpdate(prevProps) {
  // 当isCreated从false变为true时，触发注册成功逻辑
  if (!prevProps.isCreated && this.props.isCreated) {
    alert("Successful signup");
    window.location.reload();
  }
  // 当error从false变为true时，触发注册失败提示
  if (!prevProps.error && this.props.error) {
    alert(`Error on signup: ${this.props.errorMessage}`);
  }
}

这个方案更符合React+Redux的数据流理念——状态变化驱动UI更新，而不是主动等待异步操作完成。

1. 尽量避免使用window.location.reload()，这会刷新整个页面，体验不佳。可以用React Router跳转到登录页/首页，或者通过Redux状态管理控制页面跳转。
2. 把原生alert换成更友好的UI提示组件（比如Toast、Modal），提升用户体验。

内容的提问来源于stack exchange，提问作者Şafak Sönmez