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必须在导入时明确列出的导出.有关更多信息,请参阅导出和导入.