ES6の単一モジュールインポート

にcurlyブレースを使用するとき、1つのモジュールをインポートするためにカーリーブレースを使用すると、予期しない動作が導入されます。いつ使用するかを明確にし、巻き毛の装具を避けるために、デフォルトと名前付きエクスポートの区別を調べましょう。 'デフォルトエクスポートを本質的にインポートします。デフォルトのエクスポートは、

エクスポートデフォルト; と宣言されます。したがって、巻き毛の装具なしでアクセスできます。特定のエクスポート値では、巻き毛のブレースを使用する必要があります。名前付きエクスポートは次のように宣言されています：

export const = ; &&&それらを回避

export default ;

import initialState from './todoInitialState';

モジュールからデフォルトのエクスポートを1つのデフォルトエクスポートでインポートするとき、デフォルトまたは名前が付けられているかどうかに関係なく、モジュールから複数のエクスポートをインポートするときexports

export default ;

example

export default ;

これらのエクスポート：

デフォルトエクスポート（myComponent）：

• からmyComponentをインポートします'./a';

  • デフォルトと名前付きエクスポートの違いを理解することにより、カーリーブレースを使用するタイミングを正しく判断できますES6での単一モジュールインポートの場合