拆分Reducer时出现错误，重构前单文件代码可正常运行

我来帮你梳理下拆分Redux Reducer时常见的坑，结合你的情况一步步排查：

1. 初始状态的分支匹配问题 #

你提到有initialState.js，拆分Reducer后要注意：每个独立的Reducer（比如address.js和questions.js）应该维护自己分支的初始状态，而不是直接复用根级的initialState。

比如之前单文件时，根状态可能是这样的：

export const initialState = {
  address: { /* 地址相关状态 */ },
  questions: [defaultQuestion, /* 其他问题项 */]
};

拆分后：

• address.js里的初始状态应该只保留原来根状态中address对应的值
• questions.js同理，只负责维护questions分支的初始状态

举个具体的例子：
address.js的写法应该是：

const initialAddressState = { /* 原根状态里的address内容 */ };
export default function addressReducer(state = initialAddressState, action) {
  // 只处理address相关的action
}

questions.js的写法：

import { uniqueID } from '../utils/index';
const defaultQuestion = { title: 'What is the address of the property?', id: 0, question_type: 'address' };
const initialQuestionsState = [defaultQuestion]; // 对应原根状态的questions分支
export default function questionsReducer(state = initialQuestionsState, action) {
  // 只处理questions相关的action
}

如果还是直接共用根级initialState，会导致单个Reducer拿到的状态结构完全不符合预期，进而触发错误。

2. Action的处理范围问题 #

拆分后每个Reducer要明确只处理属于自己分支的action：

• 绝对不要在address.js里修改questions分支的状态，反之亦然
• Action的类型要区分清晰，比如之前单文件里的UPDATE_ADDRESS、ADD_QUESTION，拆分后要确保每个Reducer只响应自己对应的action类型

如果不小心在某个Reducer里返回了整个根状态，而不是只更新自己负责的分支，就会直接覆盖其他Reducer维护的状态，引发异常。

3. 文件导入导出的路径问题 #

仔细检查导入路径是否正确：

• 确认reducers/index.js里导入的./address和./questions，对应的文件确实在reducers文件夹下，且文件名大小写完全匹配（比如别把Address.js写成address.js）
• 检查initialState.js里的../utils/index路径，确保utils文件夹下的index.js确实导出了uniqueID函数
• 如果你用了脚手架（比如Create React App），还要注意有没有配置路径别名，避免路径解析错误

4. combineReducers的使用正确性 #

你当前的combineReducers写法是正确的：

import { combineReducers } from 'redux'
import address from './address'
import questions from './questions'
export default combineReducers({ address, questions });

但要确保每个导入的reducer是纯函数，而不是对象、字符串等其他类型。比如如果address.js导出的不是reducer函数，combineReducers会直接抛出错误。

5. Store初始化时的状态注入问题 #

如果初始化Store时手动传入了初始状态，要确保状态结构和combineReducers的键完全匹配：
比如创建Store的代码：

import { createStore } from 'redux';
import rootReducer from './reducers';
import { initialState } from './reducers/initialState';

const store = createStore(rootReducer, initialState);

这里的initialState必须是{ address: ..., questions: ... }的结构，和combineReducers定义的键一一对应，否则单个Reducer拿到的初始状态会不符合预期。

如果能提供控制台的具体报错信息，我可以帮你更精准地定位问题，先从上面这几个方向排查应该能找到原因。

内容的提问来源于stack exchange，提问作者Alexander Kireyev