Redux/toolkit TypeError: Cannot read properties of undefined (reading 'getState')

Question

我在我的应用程序中使用 redux/toolkit 和实体适配器。问题是，当我想将选择器添加到我的切片时，我得到了未定义的 store.getState();

我是根据Redux Toolkit 文档编写的。

driverReducer.ts

const driversAdapter = createEntityAdapter<Driver>({
  sortComparer: (a, b) => a.name.localeCompare(b.name),
});

export const DriverSlice = createSlice({
  name: "drivers",
  initialState: driversAdapter.getInitialState(),
  reducers: {
    setDrivers: driversAdapter.setAll,
    driverAdded: driversAdapter.addOne,
    driverUpdated: driversAdapter.updateOne,
    driverRemoved: driversAdapter.removeOne,
  },
});

const driversSelectors = driversAdapter.getSelectors<RootState>(state => state.drivers);
export const selectAllDrivers = driversSelectors.selectAll(store.getState());


export default DriverSlice.reducer;

store.ts

export const store = configureStore({
  reducer: {
    drivers:driverReduces,
  },
});

我该如何解决这个问题？

Answer 1

你在这里有一个循环依赖。

您的store.ts 需要从driverReducer.ts 导入DriverSlice。 你的driverReducer.ts需要从store.ts导入store。

一个文件只能被完全评估，因此两个文件都必须在另一个之前评估，这是不可能的。

解决方案？ 移动你的 export const selectAllDrivers = driversSelectors.selectAll(store.getState()); 到另一个文件。

另请注意，selectAllDrivers 将是在开始时评估一次driversSelectors.selectAll(store.getState()) 的结果 - 所以它可能只是您的初始状态。这可能不是你想要的，但不是这个问题的真正主题。