Javascript React Native:如何将文件拆分为多个文件并导入它们?

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; 这样你就可以知道什么应该是公开的 然

我正在用react native编写我的第一个应用程序,我的js文件越来越大。将文件拆分的正确方法是什么

如果我有

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的每个类执行此操作。/(点斜杠)导入很重要,导入本地文件时,它修复了我的问题。谢谢