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'); 

要求返回引用module.exports的值的對象。

Answer 2

下面是使用import聲明（在最新的陣營本地和一般的Javascript秉承ECMAScript6及更高版本）的更新的解決方案：

文件1個myClass.js：

export default class myClass {...} 

文件2 app.js ：

import myClass from './myClass'; 

這是使用單一default導出的基本版本。您還可以導出named必須在導入時明確列出的出口。欲瞭解更多信息，請參閱export和import。