为什么在redux promise中.then()是未定义的?

你的减缩行动没有兑现承诺。或者你可以创建并返回一个新的承诺

export const LoggedIn  = (isLoggedIn) => {
  return function (dispatch) {
    return new Promise((resolve, reject) => {
         dispatch({
             type: USER_LOGGED_IN ,
             payload: isLoggedIn
         })
         resolve();
    })
  }
}

或者执行,history.replace,从redux操作本身中进行替换

export const LoggedIn  = (isLoggedIn, history) => {
  return function (dispatch) {
    dispatch({
      type: USER_LOGGED_IN ,
      payload: isLoggedIn
    });
    history.replace('/signup');
  }
}


logoutHandler = (event) => {
    console.log("logout Handler")
    event.preventDefault()
    window.FB.logout()
    this.props.LoggedIn(false, this.props.history);
}

按照 redux-thunk 医生,你应该回去 Promise 从你的内部功能来使用 .then 在行动中。

来自内部函数的任何返回值都将可用作调度本身的返回值。这便于协调一个异步控制流与thunk动作创建者相互调度,并返回等待对方完成的承诺:

看一下文件 here .

可能的代码已由共享 Shubham Khatri

你需要回报一个承诺。

因此,改为这样做:

logoutHandler = (event) => {
  event.preventDefault()
  window.FB.logout()
  return this.props.LoggedIn(false).then(() => {
    this.props.history.replace('/signup');
    return Promise.resolve(); // Just return a resolved promise
  })
}

要实现与状态更新相关的任何内容,可以使用react life cycle方法componentDidUpdate()。每当Redux Reducer返回新状态时,整个React应用程序都会重新呈现。渲染后,对每个组件执行componentDidUpdate方法。

componentDidUpdate()在更新发生后立即调用。对于初始渲染,不调用此方法。

componentDidUpdate() {
  if (condition) {
     this.props.history.replace('/signup');
  }
}

https://reactjs.org/docs/react-component.html#componentdidupdate