小编ank*_*itm的帖子

redux-toolkit extraReducers 没有被调用

我正在尝试 createAsyncThunk 但无法触发 extraReducers。这是我现在所拥有的:

export const getAllAgents = createAsyncThunk(
  "getAllAgents",
  async (token: string) => {
    let headers = new Headers();
    headers.append("Authorization", `Bearer ${token}`);
    headers.append("Content-Type", "application/json");
    const response = await fetch(`${API.endpoint}/data/agent`, {
      method: "get",
      headers,
      redirect: "follow",
    });
    const data = await response.json();
    console.log("Response in thunk: ", { data });
    return data;
  }
);

export const agentSlice = createSlice({
  name: "agentSlice",
  initialState,
  reducers: {},
  extraReducers:
    //builder call back required for typesafety
    //https://redux-toolkit.js.org/usage/usage-with-typescript#type-safety-with-extrareducers
    (builder) => {
      console.log(createNewAgent.fulfilled);
      builder.addCase(createNewAgent.fulfilled, (state, action) => { …
Run Code Online (Sandbox Code Playgroud)

typescript reactjs redux redux-toolkit

4
推荐指数
1
解决办法
3919
查看次数

标签 统计

reactjs ×1

redux ×1

redux-toolkit ×1

typescript ×1