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

React Native: How to split a file up into multiple files and import them?

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

如果我有类似的东西

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

我可以将它保存在 myclass.js 并通过一些命令包含在另一个 js 文件中吗?

一般来说,您可以执行以下操作:

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

module.exports = MyClass;

通过这种方式,您可以判断哪些内容应该公开。

然后,在您以前的大文件中,您可以像这样加载内容:

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

需要returns引用module.exports的值的对象。

这是使用 import 语句的更新解决方案(在最新的 React-Native 中,通常 Javascript 遵守 ECMAScript6 及更高版本):

文件 1 myClass.js:

export default class myClass {...}

文件 2 app.js:

import myClass from './myClass';

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