[Dúvida] Uso do componente coom const ou function

Olá Raí, tudo bem?

Ambas as formas estão corretas, e a melhor forma de usar vai depender da definição e padronização do projeto que você irá atuar/criar.

Em React, normalmente se utiliza a "function" o que chamamos de "Functional Components" e é mais prático, mas nada impede de você utilizar as "const" o que não deixa de ser um "Functional Components". A diferença é que com "const" você está declarando uma variável que é do tipo de uma "function" que provavelmente utilizará outra linha de código para exportar esta função.

Porém tem uma diferença na hora de importar o seu componente:

• Quando exporta uma função diretamente:

import React from 'react';

function ComponenteReact (props) {
  ...
  return <div>teste</div>;
}

export default ComponenteReact;

Neste caso a função (o componente) é exportada diretamente como "padrão". Ao importá-la em outro arquivo, você pode dar o nome que quiser ao componente importado. Exemplo:

import NomeQualquerDoComponente from './ComponenteReact';

• Quando utiliza o "const" antes de exportar

import React from 'react';

const OutroComponenteReact = (props) => {
  ...
  return <div>teste 2</div>;
};

export default OutroComponenteReact;

Neste caso a função (o componente) é atribuída a uma constante "OutroComponenteReact" antes de ser exportada. Ao importá-la em outro arquivo, você deve usar o mesmo nome "OutroComponenteReact" para importar o componente:

import OutroComponenteReact from './OutroComponenteReact';

Espero ter esclarecido.

Bons estudos!

se esta reposta te ajudou, não esqueça de marcar o tópico como resolvido.