Reactjs 如何在react redux应用程序中安排动作创建者？

我对React&Redux是个新手，同时，我将我所有的动作创建者和常量放在一个文件“../actions/index.js”中。 当我刚开始的时候，这看起来很好，但是现在，它变成了一大块不可读的代码

您是否建议将index.js分解为functionaty1.js、func2.js、func3.js，然后根据需要从拆分文件导入操作：

import {sampleAction} from '../action/func1';

还是有更好的方法

---

如果这是个愚蠢的问题，我很抱歉。我仍在尝试了解React Redux应用程序中的最佳实践。

您仍然可以将其拆分，但保留

index.js

，以便使用语法简化

操作/功能1.js：

export const ACTION_1 = '...'
export const ACTION_2 = '...'

export const action1 = () => {...}
export const action2 = () => {...}

操作/功能2.js：

export const ACTION_3 = '...'
export const ACTION_4 = '...'

export const action3 = () => {...}
export const action4 = () => {...}

actions/index.js：

export * from './functionality1'
export * from './functionality2'

然后，您可以导入任何需要的内容，如下所示：

import { action1, action4, ACTION_2, ACTION_3 } from './actions'

---

一点也不傻。你可能更喜欢这种结构：那真的很整洁，谢谢！我可以/应该对容器/组件执行同样的操作吗？没有理由不在整个应用程序中使用此技巧。我经常使用它来分解功能的逻辑部分。例如，用于登录的所有组件、容器、操作、操作类型和还原器都将被分离到一个

login

文件夹中，其中一个

index.js

导出每个片段。