javascript - Redux-Toolkit createAsyncThunk Dispatch 显示为未定义

Question

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

我的商店：

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));