reactjs - 对 createAsyncThunk 的调度操作？

Question

我有一个 thunk Action 是由 createAsyncThunk 创建的.我想在调用 api 更新状态之前调度一个 Action 。
我不想使用 Action 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;
});