Redux中如何将VersionReducer改为直接导出对象而非函数？

嘿，我完全懂你的需求！不过这里有个关键知识点得先明确：Redux的reducer必须是一个函数，而不能直接导出对象——这就是你直接导出对象会出问题的原因。

为什么原来的代码能工作？ #

你之前写的export default () => [{ versionNumber: 22, versionName: "2.2" }];本质上是一个简化版的reducer函数：它是一个不接收state和action参数的箭头函数，每次调用都返回同一个数组。虽然这个写法不符合Redux reducer的标准规范（标准reducer必须接收当前state和action作为参数），但combineReducers会把它当成reducer函数来执行，所以能正常运行。

正确的实现方式 #

如果想把你的版本信息对象作为初始state，你需要把它放在reducer函数的默认参数里，然后写一个标准的reducer结构（哪怕暂时不需要处理任何action）：

// VersionReducer.js
// 先定义你想要的初始状态对象
const initialVersionState = { versionNumber: 22, versionName: "2.2.1" };

// 标准的Redux reducer函数：接收state和action，返回新state
export default (state = initialVersionState, action) => {
  // 这里可以根据业务需求添加action处理逻辑，比如未来要更新版本的场景
  switch (action.type) {
    // 示例：如果有更新版本的action，就合并新的版本信息
    case 'UPDATE_APP_VERSION':
      return { ...state, ...action.payload };
    // 默认情况：如果没有匹配的action，直接返回当前state
    default:
      return state;
  }
};

为什么这样可行？ #

Redux在初始化store的时候，会调用每个reducer函数，此时state参数为undefined，所以会使用我们设置的默认值initialVersionState作为初始状态。之后每次dispatch action时，reducer会根据action类型决定是否更新state，没有匹配的action就返回原state，保证状态的稳定性。

这样修改后，你的appVersion状态就会是你想要的对象结构，同时完全符合Redux的规范，后续扩展action处理逻辑也非常方便。

内容的提问来源于stack exchange，提问作者Mahdi Bashirpour