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

Question

我对React＆amp; amp; Redux和所有这一切，我把我所有的动作创作者和我的常量变成了一个文件＆＃39; ../ actions / index.js＆＃39;。 当我开始时，这似乎很好，但现在，它变成了这个巨大的无法读取的代码块。

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

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

或者有更好的方法吗？

对不起，如果这看起来像个愚蠢的问题。我仍在尝试了解React-Redux应用程序中的最佳实践。

Answer 1

您仍然可以将其拆分，但为了简单起见，请使用export * from '...'语法保留index.js。

动作/ functionality1.js：

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

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

动作/ functionality2.js：

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

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

动作/ index.js：

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

然后你可以导入任何你需要的东西：

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