我应该把我的逻辑用于在Redux应用程序中初始化状态

Question

我正在开发一个React + Redux扫雷应用程序。

以下是我的目录结构的一般外观的截图...

在我的reducer.js文件中，我有一堆逻辑创建一个对象，表示reducer使用的初始状态。

我觉得这不是一个把初始化状态的逻辑放在一个好地方，因为它不是一个很好的关注点分离。哪个地方可以考虑这个代码？我应该有另一个负责生成初始状态的文件吗？

Answer 1

是的，您可以将生成初始状态的代码限制在自己的文件中，例如initialState.js，然后将其放在reducer.js旁边。从initialState.js可以导出生成的对象

export default {... the initial state here ... };

然后从reducer.js你可以

import initialState from './initialState';