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

Question

我正在用 react native 编写我的第一个应用程序，并且我的 js 文件变得非常大。拆分文件的正确方法是什么。

如果我有类似的东西

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

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

score 18 · Accepted Answer

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

文件 1 myClass.js：

export default class myClass {...}

文件 2 app.js：

import myClass from './myClass';

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

score 17 · Accepted Answer

一般来说，您可以执行以下操作：

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

module.exports = MyClass;

这样你就可以知道什么应该公开。

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

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

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

2 回答 2