combineReducers 无法正常工作。任何人都可以看到问题吗？

Question

我的应用中有两个不同的减速器 => nodesReducer 和 controlsReducer

如果我一次将它们传递给商店一次，它们工作得非常好，但是每当我使用 combineReducers 时，它们就会停止工作 => 因为我从状态中提取的所有内容在我的组件中都变为 undefined，但一切看起来仍然正常在工具包扩展中。

这是代码。

这完全没问题（直接放一个减速器）：

import { configureStore } from "@reduxjs/toolkit";

import nodesReducer from "./Node";

const store = configureStore({
  reducer: nodesReducer,
  middleware: [],
});

export default store;

当我用 combineReducers 添加一个减速器时，这个不起作用：

import { configureStore } from "@reduxjs/toolkit";
import { combineReducers } from "redux";

import nodesReducer from "./Node";
import controlsReducer from "./Controls";

const rootReducer = combineReducers({
  nodesReducer,
  controlsReducer,
});

const store = configureStore({
  reducer: rootReducer,
  middleware: [],
});

export default store;

谁能看出发生了什么问题？

Answer 1

添加 rootReducer 后，您应该更改您的 useSelectors

useSelector(state => state.someData)

到

useSelector(state => state.nodesReducer.someData)
useSelector(state => state.controlsReducer.someData)

Answer 2

这里有点有根据的猜测，但您提供的内容似乎没有明显错误，所以鉴于您仅更改了减速器代码，我想这是因为通过组合减速器，您的状态将从：

{
   ...stuffFromNodesReducer
}

进入

{
    nodesReducer: ...stuffFromNodesReducer,
    controlsReducer: ...stuffFromControlsReducer
}

您应该能够使用 redux devtools 检查您的 redux 状态，以检查它的外观。