React Native:如何从单个文件导入 commun class
React Native: How can I import commun class from a single file
我怎样才能导入一个文件,而这个文件会导入我所有的助手 class?
例如,我在所有“场景”classes 中加载了所有这些助手class。
import Styles from "./Styles";
import I18n from "./I18n";
import Helper from "./Helper";
import Images from "./Images";
[...]
因此,如果有一天我想添加一个新的助手 class,我需要在我所有的“场景”class 中打开并添加这个新的 class。那么我怎样才能做出这样的东西呢?link
/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"
谢谢
您需要从 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 将帮助您自动导入。
我怎样才能导入一个文件,而这个文件会导入我所有的助手 class?
例如,我在所有“场景”classes 中加载了所有这些助手class。
import Styles from "./Styles";
import I18n from "./I18n";
import Helper from "./Helper";
import Images from "./Images";
[...]
因此,如果有一天我想添加一个新的助手 class,我需要在我所有的“场景”class 中打开并添加这个新的 class。那么我怎样才能做出这样的东西呢?link
/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"
谢谢
您需要从 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 将帮助您自动导入。