Solucionado (ver solução)
Solucionado
(ver solução)
4
respostas

[Dúvida] as imagens dos posts nao aparece

fica dessa forma na imagem, acredito que não está conseguindo encontrar com o caminho "src={/assets/posts/${post.id}/capa.png}" mas não consegui fazer funcionar aqui vai o link do projeto: https://github.com/PedroPassos081/ola-mundo

Insira aqui a descrição dessa imagem para ajudar na acessibilidade

4 respostas
solução!

Oi, Pedro, tudo bem?

O problema está no local onde salvou a pasta "posts", pois queremos acessar imagens dinamicamente por meio de caminhos que dependem de propriedades de componentes ou estados. Dessa forma, uma possível solução seria adicionar a pasta "posts" dentro da pasta "public" alocada em uma pasta "assets", com isso o caminho que você está informando funcione adequadamente.

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!

não teria como eu colocar um caminho diferente para encontrar essas imagens ? tipo deixando a pasta "posts" onde ela se encontra em assets? e eu não consegui resolver com sua solução

Oi, Pedro,

Se você mantiver as imagens dentro de src/assets, você terá que importar cada imagem no seu componente, o que não é viável para caminhos de imagens dinâmicas, como acontece nas imagens de cada um dos posts. Para ser possível realizar as imagens de forma dinâmica com o caminho apresentado pelo instrutor, você precisa:

  • Parar de rodar sua aplicação utilizando no terminal o comando CTRL + C duas vezes ou fechando o terminal.
  • Em seguida, arraste a pasta "posts" para dentro da pasta "public".
  • Crie uma pasta "assets" na pasta "public" e arraste a pasta "posts" para dentro da pasta assets.
  • Depois você vai precisar reiniciar sua aplicação, então, no terminal utilize o comando npm start.

Gif mostrando o procedimento de parar uma aplicação, mover pastas e reiniciar a aplicação React

Espero que dê tudo certo. Caso tenha dúvidas, conte com o fórum.

Abraços e bons estudos!

Entendi, deu tudo certinho agora, muito obrigado !!