fiquei com uma dúvida sobre essa importação " import Banner from './componentes/Banner/Banner'; " esse( import Banner), referece ao arquivo Banner.js ou sobre a função function Banner (){} ?
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!
fiquei com uma dúvida sobre essa importação " import Banner from './componentes/Banner/Banner'; " esse( import Banner), referece ao arquivo Banner.js ou sobre a função function Banner (){} ?
Olá Anatalia, tudo bem?
Entendo a sua dúvida em relação à importação do componente Banner. Quando utilizamos a sintaxe "import Banner from './componentes/Banner/Banner';", estamos importando o componente Banner que está no arquivo Banner.js.
O que acontece é que, quando criamos um componente em React, ele é uma função que retorna um trecho de código JSX. Então, no arquivo Banner.js, deve haver uma função chamada Banner que retorna um trecho de código JSX.
Dessa forma, ao importarmos o componente Banner utilizando a sintaxe que você mencionou, estamos importando a função que retorna o trecho de código JSX que será renderizado na tela.
Espero ter ajudado a esclarecer a sua dúvida. Se ainda tiver alguma pergunta, fique à vontade para perguntar!
Bons estudos!