如何安排動作創作者進入react-redux應用程序？

Question

我是相當新的React & Redux和所有這一會兒，我把我所有的動作創造者&我的常量放到一個文件'../actions/index.js'中。 當我開始時，這看起來很好，但現在，它變成了這個龐大的無法讀取的代碼塊。

你會建議打破index.js到functionality1.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'