Wann verwendet Curly Braces für ES6 einzelne Modul Imports

in ES6, indem es Curly Braces zum Importieren eines einzelnen Moduls verwendet, kann ein unerwartetes Verhalten einführen. Um zu klären, wann sie lockige Klammern verwenden und vermeiden müssen, untersuchen wir die Unterscheidung zwischen Standard und benannten Exporten.

standardmäßig exportieren

beim Importieren eines einzelnen Moduls ohne lockige Klamme, Sie, Sie, Sie Im Wesentlichen im Wesentlichen den Standard -Export importieren. Standard -Exporte werden deklariert als:

export default ;

In dem angegebenen Beispiel enthält initialstate.js einen Standard -Export für das InitialState -Objekt. Daher können Sie ohne lockige Klamme darauf zugreifen:

import initialState from './todoInitialState';

export const = ; im Beispiel für toDoreducer.js, Sie versuchen, auf das todo namens Export zuzugreifen:

importieren {todo} aus './todoinitialstate'; ·&& weisen Vs. Vermeiden Sie sie

export const  = ;

export const  = ;

Verwenden Sie Curly Braces:

beim Importieren eines spezifischen namens Export

• • meide Curly Klammern:
• beim Importieren des Standard -Exports aus einem Modul mit nur einem Standard -Export

  beim Importieren mehrerer Exporte aus einem Modul, unabhängig davon, ob sie standardmäßig oder benannt sind exports

  • example
betrachten das folgende Beispiel:

// A.JS Standard myComponent exportieren; Export const ChildComponent = () => {}; importieren diese Exporte:

export const  = ;

• mycomponent aus importieren '.

  durch das Verständnis des Unterschieds zwischen Standard- und benannten Exporten können Sie korrekt bestimmen, wann Sie Curly verwenden sollen Zahnspangen für einzelne Modulimporte in ES6.