2015-10-03 22 views
17

私は最初のアプリケーションをネイティブで作成しています。私のjsファイルはかなり大きくなっています。ファイルを分割する適切な方法は何ですか。React Native:ファイルを複数のファイルに分割する方法

私は

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

のようなものを持っている場合、私はmyclass.jsでそれを保存し、別のjsファイル内のいくつかのコマンドでに含めることができますか?

答えて

14

は、一般的には次の操作を実行できます。

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

module.exports = MyClass; 

あなたが公に利用可能であるべきものを教えて、この道を。

そして、あなたの前の大きなファイルで、あなたはこのように内容をロードすることができます

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

はmodule.exportsはの値を参照するオブジェクトを返すが必要です。ここで

+0

よろしくお願いいたします。複数のクラスをエクスポートすることも可能ですか? –

+0

私はそう信じています。 MyClassをmodule.exports.MyClassに割り当て、require( './ MyClass.js')を呼び出してインポートします。MyClassエクスポートに割り当てる各クラスに対してこれを行う必要があります。 – Emile

+1

nodejsの構文ですか? –

10

は(最新リアクトネイティブと一般的にJavaScriptでECMAScript6に付着以降)importステートメントを使用してと更新のソリューションです:

FILE1 myClass.js:

export default class myClass {...} 

FILE2 app.js :

import myClass from './myClass'; 

これは、単一のdefaultエクスポートを使用する基本バージョンです。インポート時に明示的にリストアップする必要があるnamedエクスポートをエクスポートすることもできます。詳細はexportimportを参照してください。