对 createAsyncThunk 的调度操作？

Question

我有一个 thunk 动作是由 createAsyncThunk 创建的。我想在调用 api 更新状态之前调度一个动作。

我不想使用动作getProducts.pending，因为我想调度actionLoading() 用于其他thunk 动作。

我该怎么做？谢谢！

export const getProducts = createAsyncThunk("getProducts", async () => {

  // I want dispatch action actionCallAPIPending like that
  // dispatch(actionLoading());
  const response = await axios.get("api");
  return response;
});

Answer 1

您可以使用createAsyncThunk 中回调函数的第二个参数来执行此操作：

export const getProducts = createAsyncThunk("getProducts", async (_, thunkAPI) => {
  thunkAPI.dispatch(actionLoading());
  const response = await axios.get("api");
  return response;
});