Redux：store.replaceReducer未替换成功，我的代码实现是否有误？

首先，你的代码逻辑存在一个关键误解：store.replaceReducer() 并不会立即更新现有 store 的状态。它只是替换了 store 内部用来处理 action 的 reducer 函数，只有当后续有 action 被 dispatch 时，新的 reducer 才会被用来计算新的状态。

我们来拆解你的代码行为：

• 第一个 console.log(createStore(module.default).getState())：你新建了一个完全独立的 store，用新的 reducer 和它的默认初始状态，所以这里能看到新 reducer 对应的状态，这和原 store 没有任何关联。
• 调用 store.replaceReducer(module.default)：原 store 现在会用新的 reducer 处理未来的 action，但当前状态还是替换前的旧状态——因为没有触发任何 action 来让新 reducer 重新计算状态。
• 第二个 console.log(store.getState())：自然打印的还是旧状态，因为没有任何 action 触发新 reducer 的执行。

修复方案 #

如果你希望替换 reducer 后，store 的状态能同步到新 reducer 对应的状态（比如新 reducer 新增了初始值，或者对旧状态有新的处理逻辑），你需要手动 dispatch 一个 action 来触发状态更新。通常可以 dispatch Redux 内置的 INIT action，或者一个自定义的空 action：

import { createStore, ActionTypes } from 'redux'; // 引入ActionTypes获取内置INIT类型
import rootReducer from '../reducers';

export default (initialState = {}) => {
  const store = createStore(rootReducer, initialState);
  if (module.hot) {
    module.hot.accept('../reducers', () => {
      import('../reducers').then(module => {
        const newRootReducer = module.default;
        store.replaceReducer(newRootReducer);
        // 手动dispatch INIT action，让新reducer重新计算状态
        store.dispatch({ type: ActionTypes.INIT });
        console.log(store.getState()); // 现在就能看到更新后的状态了
      });
    });
  }
  return store;
};

如果你不想依赖 Redux 内部的 ActionTypes，也可以 dispatch 一个自定义空 action（比如 { type: 'RESET_WITH_NEW_REDUCER' }），只要确保你的新 reducer 能处理这个 action（或者利用 reducer 的默认返回逻辑，在不匹配 action 类型时返回新的初始状态）。

另外要注意：Redux 不允许直接修改 store 的状态，必须通过 reducer 和 action 来更新。如果你的新 reducer 需要基于旧状态生成新状态，dispatch action 时，新 reducer 会接收当前旧状态和 action，按照新逻辑计算出正确的新状态。

内容的提问来源于stack exchange，提问作者Khotey Vitaliy