Redux getState 在行动中不起作用

Question

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

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

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

container.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())
  }
}

Redux getState 在行动中不起作用

Redux getState in action not working

reactjs

react-native

redux

redux-thunk