Solucionado (ver solução)
Solucionado
(ver solução)
2
respostas

[Dúvida] Sobre fazer exportação anônima de um componente.

Olá,

É a primeira vez que eu vejo um instrutor fazer o export de uma função anônima, por exemplo:

export default () => {
  return (
    <Container>
      <Titulo>Olá Fulano!</Titulo>
      <Conteudo>
        <Conta />
      </Conteudo>
    </Container>
  );
};

Existe alguma vantagem em usar esse tipo de exportação com arrow function?

2 respostas
solução!

Oi Leonardo, tudo bom?

Sobre a sua pergunta, a exportação anônima de um componente utilizando arrow function é uma forma mais concisa de escrever o código. Ela é útil quando você tem um componente que não precisa ser reutilizado em outras partes do seu projeto.

Além disso, a exportação anônima pode ser usada quando você tem apenas um componente em um arquivo, o que torna o código mais organizado e fácil de ler.

No entanto, se você tiver a intenção de reutilizar o componente em outras partes do seu projeto, é recomendado que você dê um nome para ele e o exporte de forma nomeada.

Resumindo, a exportação anônima utilizando arrow function é uma prática comum em React, que oferece vantagens como simplicidade e redução de linhas de código. No entanto, a escolha entre a exportação anônima e a exportação com nome depende das necessidades específicas de cada projeto.

Espero ter ajudado.

Um abraço e bons estudos.

Oi Lorena, tudo bem, e você?

Muito obrigado pela resposta, ajudou a clarear bastante sobre esse tópico, agora é praticar para fixar o assunto.

Um grande abraço!!