1
resposta

Curiosidades do Import

bom dia, Gostaria de saber qual a diferença de um import {objeto} from 'caminho' para um import objeto from 'caminho'? Repare que apenas removi as chaves{} mas isso da alguma alteração que não consegui entender ainda.

1 resposta

Oi Rafael!

Temos um artigo escrito pelo Dev Soutinho, Como funciona o import e export do JavaScript? que explica detalhadamente a diferença entre os dois.

Basicamente, quando o módulo utilizar o export default, você terá que importar com

import objeto from "caminho"

O export default é a exportação padrão do módulo, sendo assim, somente 1 pode existir por módulo.

Quando utilizamos export const objeto, a importação é na forma

import {objeto} from "caminho"

E ao contrário do export default, um módulo pode ter vários export, que podem ser importados como:

import {objeto1, objeto2, objeto3} from "caminho"

Dê uma lida no artigo citado acima e assista também o video presente nele. Caso queira um artigo mais técnico, aqui você pode ler a documentação oficial da mozilla sobre o export.

Espero ter ajudado! Qualquer outra dúvida pode postar aqui! :)