Importfunktion mit geschweiften Klammern

Question

Nicht sicher, was es bedeutet, wenn wir Funktion in geschweifte Klammern einschließen. Kannst du den Unterschied zwischen den folgenden zwei Zeilen unterscheiden?

import {sportsPage} from 'sports-page'; 

import sportsPage from 'sports-page'; 

Answer 1

Hier ist ein gutes Buch auf ES6 Module: https://24ways.org/2014/javascript-modules-the-es6-way/

Der Unterschied zwischen diesen beiden ist, dass {} Klammern benutzt werden, wenn Sie nicht ein default Modul exportieren. Sie können sie nicht umbenennen!

Ohne Klammern muss die exportierte Funktion, Variable usw. eine default sein. Sie können myFunction benennen, was auch immer Sie mögen.

export default myFunction; 

... 

import somethingsomethingDangerZone from "myfunction.js";