redux预加载状态不确定与组合形式

Question

我正在使用redux，并且有以下代码：

const initialState = {
  foo: "foo",
};

const store = createStore(
  rootReducer,
  initialState
);

...

const rootReducer = combineReducers({,
  foo: (state) => {
    console.log(state);
    return state;
  },
});

根据文档：

使用Comminereducer（）行为更加细微。那些在预加载中指定状态的还原器将获得该状态。其他还原器将收到未定义的，因此，将返回到状态= ...他们指定的默认参数。

我期望我的情况是前者，因此我希望我的还原器能够将记录到控制台上，但是我得到了undefined，然后，这会导致应用程序失败为“键“ foo”在初始化期间返回未定义的“切片减少”。我想念什么？

顺便说一下，我知道我可以在foooreducer中设置一个默认值来处理这种情况（即Set set （state = someinitialState）），但我的问题是：被迫这样做？因为根据文档，我不应该这样。

编辑

这是一个问题的工作示例：

const rootReducer = Redux.combineReducers({
  foo: (state) => {
    console.log(`State is: ${state}`);
    return state;
  }
});

const initialState = {
  foo: 'initialFooValue',
};

try {
  const store = Redux.createStore(rootReducer, initialState);
} catch (error) {
  console.error(error);
}

<script src="https://cdnjs.cloudflare.com/ajax/libs/redux/4.2.0/redux.js"></script>

Answer 1

我猜您在这里缺少的是，每个还原器都需要自己的初始值当您使用comminereducers时，请检查此代码以查看我的意思：

const initialFoo = 'initialFooValue';

const initialState = {
  foo: 'anotherValue',
};

const FooReducer = (state = initialFoo) => {
    console.log(`State is: ${state}`);
    return state;
  }

const rootReducer = Redux.combineReducers({
  foo: FooReducer
});


try {
  const store = Redux.createStore(rootReducer, initialState);
  console.log('see the store structure', store.getState());
} catch (error) {
  console.error(error);
}

<script src="https://cdnjs.cloudflare.com/ajax/libs/redux/4.2.0/redux.js"></script>