ES6 インポート: 中括弧 – いつ使用するか、いつ使用しないのか?

単一モジュールのインポートにおける ES6 中括弧: いつ使用するか

ES6 で単一モジュールをインポートする場合、違いを理解することが重要ですデフォルトのインポートと名前付きインポートの間で、curly の使用を決定します。 braces.

デフォルトのインポート (中括弧なし)

デフォルトのインポートは、エクスポートされたモジュールに単一のデフォルトのエクスポート値がある場合に使用されます。この値は、次の例に示すように、中かっこなしで直接インポートされます。

import initialState from './todoInitialState';

この場合、initialState.js モジュールには、initialState という名前のデフォルトのエクスポートがあります。このデフォルトのエクスポートは、インポートの初期状態を使用して ....

名前付きインポート (中かっこ付き)

名前付きインポートは、エクスポートされたモジュールに名前付きのモジュールが含まれている場合に使用されます。エクスポート。名前付き識別子を持つ特定のエクスポートです。名前付きエクスポートをインポートするには、次のように中括弧を使用します。

import { A } from './A';

ここで、A モジュールには A という名前付きエクスポートが含まれており、中括弧を使用してインポートされます。

中括弧を使用する場合

中括弧は、名前付きエクスポートをインポートするときに使用されます。特定の名前付き識別子がモジュールからエクスポートされます。指定された例では、initialState は名前付きエクスポートではなくデフォルトのエクスポートであるため、中括弧を使用して初期状態をインポートするとエラーが発生しました。

中括弧を使用しない場合

デフォルトのエクスポートをインポートする場合、中括弧は使用されません。デフォルトのエクスポートには特定の識別子はなく、importInitialState from ....

の例に見られるように、中括弧なしで直接インポートできます。要約すると、ES6 モジュールのインポートの中括弧は、名前付きエクスポートがインポートされていることを示します。デフォルトのエクスポートでは中かっこは使用されず、デフォルトのエクスポート名で直接インポートされます。

以上がES6 インポート: 中括弧 – いつ使用するか、いつ使用しないのか?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。