web-dev-qa-db-ja.com

React Native：ファイルを複数のファイルに分割してインポートする方法は？

最初のアプリをreact nativeで作成していますが、jsファイルがかなり大きくなっています。ファイルを分割する適切な方法は何ですか。

私のようなものがあれば

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

myclass.jsに保存して、コマンドによって別のjsファイルに含めることはできますか？

javascriptreact-nativelibrariescode-reusecode-structure
21
Patrick Klitzke

一般に、次のことができます。

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

module.exports = MyClass;

このようにして、何を公開する必要があるかを指定します。

そして、以前の大きなファイルでは、次のようにコンテンツをロードできます。

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

Requireは、module.exportsの値を参照するオブジェクトを返します。

17
webwelten

importステートメントを使用して更新されたソリューションは次のとおりです（最新のReact-Nativeで、通常はECMAScript6以降に準拠したJavaScript）。

file1 myClass.js：

export default class myClass {...}

file2 app.js：

import myClass from './myClass';

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

17
Oswin Noetzelmann