Javascript React Native:如何将文件拆分为多个文件并导入它们?
我正在用react native编写我的第一个应用程序,我的js文件越来越大。将文件拆分的正确方法是什么 如果我有Javascript React Native:如何将文件拆分为多个文件并导入它们?,javascript,react-native,libraries,code-reuse,code-structure,Javascript,React Native,Libraries,Code Reuse,Code Structure,我正在用react native编写我的第一个应用程序,我的js文件越来越大。将文件拆分的正确方法是什么 如果我有 var MyClass = React.createClass({ ... }) 我是否可以将其保存在myclass.js中,并通过某个命令将其包含在另一个js文件中?通常,您可以执行以下操作: var MyClass = React.createClass({ ... )} module.exports = MyClass; 这样你就可以知道什么应该是公开的 然
var MyClass = React.createClass({
...
})
我是否可以将其保存在
myclass.js
中,并通过某个命令将其包含在另一个js文件中?通常,您可以执行以下操作:
var MyClass = React.createClass({
...
)}
module.exports = MyClass;
这样你就可以知道什么应该是公开的
然后,在以前的大文件中,您可以加载如下内容:
var MyClass = require('./myclass.js');
Require返回引用module.exports的值的对象。下面是使用
import
语句更新的解决方案(在最新的React Native中,通常是遵循ECMAScript 6和更高版本的Javascript):
file1 myClass.js:
export default class myClass {...}
file2 app.js:
import myClass from './myClass';
这是使用单个
默认值导出的基本版本。您还可以导出必须在导入时显式列出的名为
的导出。有关更多信息,请参阅和。很好,谢谢。还有可能出口一个以上的类别吗?我相信是的。将MyClass分配给module.exports.MyClass,然后通过调用require('./MyClass.js')导入它。MyClass您必须为分配给exports的每个类执行此操作。/(点斜杠)导入很重要,导入本地文件时,它修复了我的问题。谢谢