我对React&Redux还是刚起步,因此,我将所有动作创建者和我的常量都放在单个文件“ ../actions/index.js”中。 当我刚开始时,这似乎还不错,但是现在,它变成了巨大的不可读代码块。
您是否建议将index.js分解为functional1.js,func2.js,func3.js,然后根据需要从拆分文件中导入操作:
import {sampleAction} from '../action/func1';
还是有更好的方法来做到这一点?
抱歉,这似乎是一个愚蠢的问题。 我仍在尝试了解React-Redux应用程序中的最佳实践。
您仍然可以将其拆分,但为了简化起见,可以使用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'