Gostaria de uma explicação mais detalhada sobre o export default, como funciona e se é sempre essa "sintaxe" que é usada etc
Você está vendo a versão anterior da nova experiência da Alura que estamos preparando para você. Em breve, ela ganha uma identidade visual novinha totalmente pensada em potencializar seus estudos!
Solucionado
Gostaria de uma explicação mais detalhada sobre o export default, como funciona e se é sempre essa "sintaxe" que é usada etc
Olá, Victor, como vai?
O export default é uma forma de exportar algo de um arquivo para que ele possa ser utilizado em outros arquivos do projeto. Ele é utilizado em módulos JavaScript e é ideal quando você quer exportar uma única funcionalidade ou objeto como o principal daquele arquivo.
Ao usar export default, você pode importar o conteúdo exportado sem precisar usar o mesmo nome do arquivo original. Por exemplo:
Arquivo: MeuComponente.js
export default function MeuComponente() {
return <h1>Olá, React!</h1>;
}
Ao importar:
import Componente from './MeuComponente';
Perceba que o nome Componente pode ser diferente do original. Isso é permitido porque o export default foca em exportar apenas um item principal por arquivo.
Se precisar exportar várias coisas de um mesmo arquivo, o ideal é usar o export (sem o default), que exige que os itens sejam importados com seus respectivos nomes. Por exemplo:
export const func1 = () => {};
export const func2 = () => {};
Importação:
import { func1, func2 } from './MeuArquivo';
Espero ter ajudado!
Siga firme nos seus estudos e conte com o fórum sempre que precisar!
Abraços :)
Entendi, obrigado