javascript - React-native Redux 计数器示例 : explain about reducer

Question

我正在从这篇文章中学习react-native和redux， https://github.com/alinz/example-react-native-redux/tree/master/Counter ，我想了解为什么在文件夹 reducers 中，有一个 index.js ，内容如下:

import counter from './counter';
export {
   counter
};

我不明白为什么我们需要这个，因为在同一个文件夹 reducers 中，有 counter.js ，内容如下

export default function counter(state = initialState, action = {}) {
   ...
}

它已经导出了默认的计数器，为什么index.js又这样做了

Answer 1

如果您的应用程序随着大量 reducer 而增长，您可以“从 reducer 导入 nameHere”。 (这只是一个方便)。此外，您的代码通常更容易“重构”，因为您不需要更改实际的导入，但您可以从同一个文件导入多个。

// this is preferred
import { ScalesReducer, BoxReducer } from './reducers';

// does the same, takes more space (more distraction in your code)
import ScalesReducer from './reducers/ScalesReducer';
import BoxReducer from './reducers/BoxReducer';