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() returns 一个动作，那么你应该调度这个动作：

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

dispatch(test(testData));

Redux-Toolkit createAsyncThunk Dispatch 显示为未定义

Redux-Toolkit createAsyncThunk Dispatch is showing as undefined

javascript

reactjs

redux

redux-thunk

redux-toolkit