0
respostas

Erros no código para copiar

Tem alguns erros no código:

1) A imagem não carrega assim. É preciso deixar o FotoCapa do prop e do template string com o primeiro f minúsculo.

import styles from './PostModelo.module.css';

export default function PostModelo({ FotoCapa, título, children }) {
  return (
    <article className={styles.postModeloContainer}>
      <div className={styles.fotoCapa} style={{backgroundImage: `url(${FotoCapa})`}} />
      <h2 className={styles.título}>{título}</h2>
      <div className={styles.postConteudoContainer}>{children}</div>
    </article>
  )
}

2) O fechamento das tags errado:

export default function SobreMim() {
    return (
        <PostModelo>
            fotoCapa={fotoCapa}
            titulo="Sobre mim"
            
            <h3 className={styles.subtitulo}>
                Olá, eu sou o Antônio!
            </h3>
            
            <img
                src={fotoSobreMim}
                alt="Foto do Antônio Evaldo sorrindo"
                className={styles.fotoSobreMim}
            </>
        </PostModelo>
    )
}