Redux-Toolkit createAsyncThunk Dispatch 显示为未定义

Question

使用 Redux-Toolkit，我尝试在 createAsyncThunk 内使用 ThunkAPI 和调度，但由于类型错误而被拒绝。不知道如何解决。

我的商店：

export const store = configureStore({ 
    reducer: rootReducer, 
    middleware: [...getDefaultMiddleware()],
});

我的行动：

export const tester = createAsyncThunk(
    'tester',
    async (testData, {dispatch}) => { 
        await dispatch(load(true));
        const final = await someExternalFunc(testData)
        return final;
    }
);

但是，我得到的输出是

任何帮助将不胜感激。

Answer 1

根据您的评论，您没有正确调用 thunk。

调用test()会返回一个动作，那么你应该调度这个动作：

const fetchTodo = createAsyncThunk("todo/fetchTodo", async (args, thunkAPI) => {
  console.log(thunkAPI, "thunkAPI");
  const response = await todoAPI();
  return JSON.stringify(response);
});

dispatch(test(testData));