reactjs - Redux getState 在行动中不起作用

Question

我对 redux 中的 getState() 有点困惑。我正在使用 thunk 中间件。

我有一个身份验证操作，它是一个异步操作。但是我有一个在其之前运行的操作，它检查状态中是否存在 token 以及它是否仍然有效。

我的问题是调用操作后似乎无法检查状态。以为我可以只使用 getState 但这似乎不是一个函数。

容器.js

componentDidMount() {
  this.props.authCheck()
}
...
function mapDispatchToProps(dispatch) {
  return {
    authCheck: () => checkApiStatus()(dispatch)
  }
}

Action .js

export const checkApiStatus = () => (dispatch, getState) => {
  const expires_at = getState().api.expires_at
  if (!expires_at || isDateGreater(expires_at)) {
    // dispatch async action
    dispatch(apiAuth())
  }
  return
}

任何人都有任何想法。或者也许更好的方式来实现这样的事情？

谢谢

Answer 1

问题是您在 mapDispatchToProps 方法中显式调用返回的函数并仅传递一个参数。而是调用 dispatch(checkApiStatus()) 然后 redux-thunk 将负责将正确的参数传递给返回的方法。应该是这样的

function mapDispatchToProps(dispatch) {
  return {
    authCheck: () => dispatch(checkApiStatus())
  }
}