Export

Oi, Rodrigo, tudo bem?

Em React, a ideia de componentização é essencial, pois ela nos ajuda a dividir a interface do usuário em partes independentes que podem ser reutilizados em diferentes locais da nossa aplicação ou até mesmo em outras aplicações.

No arquivo "index.js" estamos criando a componente Logo, que é a função principal desse arquivo, portanto, ao realizar o export default Logo; estamos exportando essa componente de modo que ela possa ser importada em outros arquivos, como o "App.js", por exemplo. Não há, portanto, a necessidade de exportar o arquivo "index.js", já que o arquivo contém apenas a componente Logo. E para cada um desses arquivos a ideia é a mesma, criar componentes individuais que ao serem importados no arquivo principal vão dar vida a página que está sendo desenvolvida.

Dessa forma, exportar o arquivo "index.js" todo ao invés do componente Logo não seria a abordagem correta, pois o objetivo é exportar apenas o componente que desejamos utilizar em outros lugares.

Caso tenha dúvidas sobre a componentização, recomendo a leitura desta documentação.

Espero ter ajudado. Caso tenha dúvidas, conte com o fórum. Abraços!