1
resposta

[Dúvida] queria entender melhor como usa o export default e para que serve?

Insira aqui a descrição dessa imagem para ajudar na acessibilidade

1 resposta

Ele é usado para exportar tudo que esta no modulo. Como React trabalha com varios 'pedacinhos' essa ferramenta permite você reaproveitar a mesma linha de código em varias outras partes do seu código sem precisar rescrever, ele é melhor ainda utilizando props que permite trocar alguns elementos do modulo como imagens de um slider de carrosel por exemplo(essa parte você deve ver mais para frente).

Insira aqui a descrição dessa imagem para ajudar na acessibilidade

Um exemplo exportando o modulo CampoTexto pro App.js

Insira aqui a descrição dessa imagem para ajudar na acessibilidade

Ele não é bem utilizado assim, mas o exemplo é apenas pra mostrar que voce so precisa escrever código apenas uma vez e reutilizar.

Um exemplo mas avançado seria você fazer vários "pedacinhos" do site, por exemplo de uma ladpage, um modulo de navbar, outro apresentação, contato e Rodapé.

Insira aqui a descrição dessa imagem para ajudar na acessibilidade

Um exemplo de como ficaria esse site feito com esses "pedacinhos" export default e todos eles seriam carregados em uma página de site