Redux Toolkit：在一个 thunk 中调度多个异步 thunk 操作时，生命周期操作类型不会同步

Question

我有一个异步 thunk 操作来像这样编排多个异步 thunk

const someAction = createAsyncThunk(
  'my/someAction',
  async () => {...}
)
const someAction2 = createAsyncThunk(
  'my/someAction2',
  async () => {...}
)
const generatedThunk = createAsyncThunk(
  'my/thunk',
  async (arg, thunkApi) => {
    thunkApi.dispatch(someAction());
    thunkApi.dispatch(someAction2());
  }
)

我发现异步 thunk 之一，即 someAction 和 someAction 被拒绝，my/thunk 仍然会被满足。当其中一个 thunk 拒绝时，我如何使 my/thunk 被拒绝？

Answer 1

createAsyncThunk 始终捕捉错误，以便我们避免在您的应用中出现“未捕获的承诺拒绝”消息。

你需要自己检查每一个的结果，并相应地返回一个被拒绝的承诺。

另外，请注意，按照当前编写的方式，您的代码将同时运行这两个 thunk。没关系，只要确保它是您真正想要的 - 串行运行它们，您需要 await 它们。

这里的一个选项是：

return Promise.all([
  thunkApi.dispatch(someAction()).then(unwrapResult),
  thunkApi.dispatch(someAction2()).then(unwrapResult)
]);

那会：

• 并行运行这两个操作
• 将每个操作的结果操作转换回已履行或拒绝的承诺
• 如果其中任何一个请求被拒绝，则返回一个将拒绝的承诺

Answer 2

检查您的子操作结果，只需在throw 和new Error 那里，您的主要操作会自动捕获它。并将以reject结束。

例如：

或者如果您的类型配置正确，您可以破坏错误对象并检查错误，如下所示： if(error) throw Error('Some message!');