React Native:如何从单个文件导入commun类

时间:2017-05-24 19:01:42

标签: reactjs react-native ecmascript-6 react-native-android react-native-ios

如何导入一个单独的文件,这个文件导入了我的所有助手类?

例如,我在所有«scene»类中加载所有这些助手类。

import Styles from "./Styles";
import I18n from "./I18n";
import Helper from "./Helper";
import Images from "./Images";
[...]

因此,如果有一天我想添加一个新的帮助器类,我需要打开并在我的所有«scene»类中添加这个新类。那我怎么能把这个链接起来呢?

/App/Scenes/Index.js

import * from "./Bootstrap"

Styles.foo
I18n.t("foo.bar")

/App/Helpers/Bootstrap.js

import Style from "./Styles"
import I18n from "./I18n"
import Helper from "./Helper"
import Images from "./Images"

由于

1 个答案:

答案 0 :(得分:2)

您需要从bootstrap.js中正确export

import Style from "./Styles"
import I18n from "./I18n"
import Helper from "./Helper"
import Images from "./Images"

export {Style, I18n, Helper, Images}

然后你可以在index.js

中使用它
import * as Helper from "./Bootstrap"

Helper.I18n('something')

但老实说,我真的不明白为什么你真的需要那个。仅仅因为你添加一个新助手并不意味着你必须更新所有文件。它只是意味着您必须更新实际使用新助手的文件。因此,您无论如何都必须更新这些文件,IDE将帮助您自动导入。