react-redux 钩子中的顺序调度操作

Question

我正在使用 useDispatch() 函数返回一个调度对象来触发一些操作。

我有一个特定的场景，我想触发一个拒绝操作来取消用户的请求，并在从服务器返回响应后（无论它是否成功），我将决定是否应该触发另一个操作。

我的方法是这样的：

const reject = () => {
  dispatch(method1(data));
  dispatch(fetchAll());
}

当我观察我的开发者控制台上的日志时，method1() 和 fetchAll() 都在不等待响应的情况下触发。

如何确保 method1() 在处理 fetchAll() 之前返回一些值？

Answer 1

您需要使用redux-thunk 中间件。看看Composition

Redux Thunk 中间件允许您编写返回函数而不是动作的动作创建器。 thunk 可用于延迟操作的分发，或者仅在满足特定条件时分发。

然后您可以像这样调度操作：

const reject = () => {
  dispatch(method1(data)).then(res => {
    if(res.success) {
      dispatch(fetchAll());
    }
  })
}