React Native：如何将文件拆分成多个文件并导入它们？

Question

我正在编写我的第一个应用程序本地和我的js文件变得非常大。拆分文件的正确方法是什么。

如果我有类似

的话

var MyClass = React.createClass({
  ...
})

我可以将其保存在myclass.js并在另一个js文件中包含一些命令吗？

Answer 1

通常，您可以执行以下操作：

var MyClass = React.createClass({
    ...
)}

module.exports = MyClass;

通过这种方式，您可以告诉我们应该公开的内容。

然后，在您以前的大文件中，您可以加载如下内容：

var MyClass = require('./myclass.js');

Require返回引用module.exports值的对象。

Answer 2

以下是使用import语句的更新解决方案（最新的React-Native和通常遵循ECMAScript6及更高版本的Javascript）：

file1 myClass.js：

export default class myClass {...}

file2 app.js：

import myClass from './myClass';

这是使用单个default导出的基本版本。您还可以导出必须在导入时明确列出的named导出。有关详细信息，请参阅export和import。