Entrar Ainda não tem acesso?
2
respostas

AS IMAGENS NÃO APARECEM

Referente ao curso React: integrando seu projeto React com APIs, no capítulo Aquela sobre o FormData e atividade Enviando pratos para a API

por DOLGLAS MARIANO DA SILVA
| 59.3k xp | 11 posts
MEI

Olá! As imagens dos pratos cadastrados não estão renderizando na página. Fiz do jeito que foi ensinado no vídeo, no entanto as imagens não carregam. Já tentei jpeg, jpg, png e nenhum formato renderiza. E não há erros no console, ou no código em si. Vi nos pratos, a imagem está sendo especificada como segue o código abaixo.

const Prato = ({ prato }: PratoProps) => {
  return (<div className={estilos.Prato}>
    <div className={estilos.Container}>
      <div>
        <div className={estilos.EfeitoTorcao}>
          <img src={prato.imagem} alt={prato.descricao}/>
        </div>
      </div>
    </div>
    <div className={estilos.Conteudo}>
      <h3>{prato.nome}</h3>
      <div className={estilos.Tag}>
        {prato.tag}
      </div>
      <div>
        {prato.descricao}
      </div>
    </div>
  </div>)
}
2 respostas
por DOLGLAS MARIANO DA SILVA
| 59.3k xp | 11 posts
MEI

Aqui no formulário acho que está tudo certo.

 const [image, setImage] = useState<File | null >(null)

    const selecTedFile = (event: React.ChangeEvent<HTMLInputElement>) => {
        if(event.target.files?.length){
            setImage(event.target.files[0])
        }else { 
            setImage(null)
        }
    }

    <input type="file" onChange={selecTedFile} />
por Vinicios Neves
| 998.6k xp | 1100 posts
Instrutor Tech Lead | Tech Educator

Salve, Salve!

Consegue olhar na aba de network, obter a url da imagem e abrir diretamente no navegador para ter certeza de que está tudo funcionando corretamente?