2017-11-28 1 views
1

私はネイティブに反応して新しく、いくつか同じ機能を持つ2つのincludeステートメントが見つかりました。 require()とimportを実行します。require()を使用し、反応ネイティブでインポートするためのベストプラクティスは何ですか?

これら2つのモジュールステートメントとそのベストプラクティスを使用する主な目的は何ですか?

現在、私は.jsファイルの上にimportを使用しており、require()はモジュールが必要なすべての関数で使用しています。これは正しい方法ですか?

答えて

2

Importrequire()と同じことをします。

ImportはES6の構文で、require()は一般的なjavascriptですが、

See this post for more information.

編集:あなたが安全にES6のインポート/エクスポートを使用することができ、私はあなたが唯一のこの構文を使用することをお勧め。 ES6のインポートと

使用法:

輸出:

export class/const/func myFunc(){ dosmth }; 

インポート:

Import { myFunc } from "./folder/file"; 

エクスポートデフォルト:

export default myFunc; 

インポート:

ネイティブリアクトのために
Import myFunc from "./folder/file"; 

についてのベストプラクティス:

は、デフォルトでは、それをエクスポートし、ファイルごとに1つのコンポーネントを書く好みます。

一般に、ファイルに1つのエクスポートがある場合は、デフォルトのエクスポートを行います。

通常のエクスポートをさらに行う場合は、

ファイルの先頭にあるすべてのインポートを常に依存関係からローカルインポートしてください。

+0

@Dyoありがとう、非常によく説明されています。 :) – HungrySoul

関連する問題