Solucionado (ver solução)
Solucionado
(ver solução)
1
resposta

[Dúvida] Fiz de uma forma diferente

Oie, eu gosto de tentar fazer antes de ver a aula e fiz dessa maneira e funcionou super bem

import styles from './Texto.module.css'

function Texto ({texto}){
    return(
        <h3 className={styles.texto}>
            {texto} 
         </h3>
    )

}

export default Texto;
function Inicio() {
  return (
    <>
      <Cabecalho />
      <Banner imagem="home" />
      <Texto texto="Um lugar para guardar seus videos e filmes!" />
      <Rodape />
    </>
  );
}

export default Inicio;

Gostaria de saber se oque eu fiz esta certo ou se vai dar algum problema futuramente

1 resposta
solução!

Oi, Laurie, tudo bem?

Parabéns pelo seu código, seu código não resultará em problemas, basta você manter o padrão que estabeleceu para o uso do componente 'Texto'. A única diferença é que a instrutora utiliza children ao invés de uma prop, e isso torna o código mais reutilizável ao longo da aplicação, pois o children permite utilizar elementos como tags e consequentemente, conseguimos variar os formatos de título que queremos utilizar, indo desde um <h1>até o <h6>.

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

Caso este post tenha lhe ajudado, por favor, marcar como solucionado ✓. Bons Estudos!