React Native：如何將文件拆分成多個文件並導入它們？

Question

我正在編寫我的第一個應用程序in react native，我的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導出。 有關更多信息，請參閱導出和導入 。