我应该在哪里将自己的逻辑初始化为Redux应用程序的状态

我应该在哪里将自己的逻辑初始化为Redux应用程序的状态

问题描述:

我正在开发React + Redux扫雷应用程序。我应该在哪里将自己的逻辑初始化为Redux应用程序的状态

这里是我的目录结构的一般看截图...... enter image description here

在我reducer.js文件,我有一堆的逻辑是创建表示初始状态,该减速的对象使用。

我觉得这不是一个放置初始化状态的逻辑的好地方,因为它不是一个好的关注点分离。哪里可以将这些代码分解出来?我应该有另一个负责生成初始状态或文件的文件吗?

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

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

然后从reducer.js你可以

import initialState from './initialState'; 
+0

是的,但是是常见的做法? – Ogen

+0

通常的做法是模块化您的代码,坚持_Single责任原则_,并使代码更易于维护。将状态的初始化分离为它自己的模块(文件)将有助于实现这些。因此,我会称之为“常用做法”。 – m1kael

+0

是的,但我的意思是特意在react + redux应用程序中,特别是关于我当前的目录结构,在哪里将是一个放置它的好地方 – Ogen