É uma exportação nomeada versus uma exportação padrão. export const
é uma exportação nomeada que exporta uma declaração ou declarações const.
Para enfatizar: o que importa aqui é a export
palavra - chave const
usada para declarar uma declaração ou declarações const. export
também pode ser aplicado a outras declarações, como declarações de classe ou função.
Exportação padrão ( export default
)
Você pode ter uma exportação padrão por arquivo. Ao importar, você deve especificar um nome e importar da seguinte maneira:
import MyDefaultExport from "./MyFileWithADefaultExport";
Você pode dar a esse nome qualquer nome que desejar.
Exportação nomeada ( export
)
Com exportações nomeadas, você pode ter várias exportações nomeadas por arquivo. Importe as exportações específicas que você deseja colocar entre chaves:
// ex. importing multiple exports:
import { MyClass, MyOtherClass } from "./MyClass";
// ex. giving a named import a different name by using "as":
import { MyClass2 as MyClass2Alias } from "./MyClass2";
// use MyClass, MyOtherClass, and MyClass2Alias here
Ou é possível usar um padrão junto com importações nomeadas na mesma instrução:
import MyDefaultExport, { MyClass, MyOtherClass} from "./MyClass";
Importação de namespace
Também é possível importar tudo do arquivo em um objeto:
import * as MyClasses from "./MyClass";
// use MyClasses.MyClass, MyClasses.MyOtherClass and MyClasses.default here
Notas
- A sintaxe favorece as exportações padrão como um pouco mais concisas porque seu caso de uso é mais comum ( consulte a discussão aqui ).
Uma exportação padrão é na verdade uma exportação nomeada com o nome default
para que você possa importá-la com uma importação nomeada:
import { default as MyDefaultExport } from "./MyFileWithADefaultExport";
const
fará com que o identificador seja somente leitura. Portanto, no caso de valores primitivos, você pode considerar isso imutável. Observe que o valor em si não é imutável; portanto, objetos, matrizes etc. podem ser alterados - apenas não são reatribuídos.