Redux State无法正确接收MySQL后端数据问题求助

API 探路者

2026-7-14

问题排查：Redux State无法存储异步获取的后端数据

你的核心问题出在Slice代码的结构错误：extraReducers被错误嵌套在了reducers对象内部，导致Redux无法识别异步action的状态更新逻辑，所以即便请求成功，状态也不会被更新。

错误位置分析

在createSlice的配置中，reducers（处理同步action）和extraReducers（处理异步action或外部action）是同级的顶层属性，你现在把extraReducers写进了reducers里，这部分代码完全不会被执行，自然无法更新supplierInfo。

修正后的Slice代码

export const SupplierSlice = createSlice({
  name: "supplier",
  initialState,
  reducers: {
    addSupplier: (state, action) => {
      state.supplierInfo.push(action.payload);
    },
  },
  // extraReducers移到顶层，和reducers同级
  extraReducers: (builder) => {
    builder.addCase(fetchSuppliers.pending, (state) => {
      state.loading = true;
    });
    builder.addCase(fetchSuppliers.fulfilled, (state, action) => {
      state.loading = false;
      state.supplierInfo = action.payload;
      state.error = "";
    });
    builder.addCase(fetchSuppliers.rejected, (state, action) => {
      state.loading = false;
      state.supplierInfo = [];
      state.error = action.error.message;
    });
  },
});
export default SupplierSlice.reducer;
export const { addSupplier } = SupplierSlice.actions;