Почему React не видит img файл?

Question

[Rasul]

В общем, для начала покажу путь к файлу и сам App.js

Из бекенда достается вот такой путь к файлу : "imageUrl": "/img/sneakers/1.jpg"
Я ради интереса попробовал сделать примерно также на чистом HTML и всё работало хорошо, но в React, возникают некоторые проблемы, хотя оно и понятно, я React лишь начал учить и не все пока мне понятно, надеюсь на вашу помощь, чтобы понять здесь можно сделать

Answer 1

[Виктор П.]

Привет,
src реакта это файлы для разработчика, внутри не должно храниться картинок и прочих ресурсов. Если все же это прям необходимо, тогда нужно явно прописывать это
Обычно изображения, иконки и прочие публичные ресурсы лежат в папке public, которая располагается рядом с папкой src.

собственно, таких проблем нет, если создаешь каркас приложения через консоль npx create-react-app [name]

и еще у тебя ошибка в пути, из бекенда /sneakers, а на схеме /items - пути должны совпадать

Comments

[Rasul]

Действительно, помог способ переместить изображения в public, большое спасибо!
А насчёт ошибки в пути в схеме, я сделал ошибку при создании схемы.

Answer 2

[Smirator]

Тут был похожий вопрос: https://qna.habr.com/q/1110488#answer_2111758

Comments

[Rasul]

Вряд-ли тот вопрос сможет мне помочь, там человек пытается установить файл вручную, а я с backend через fetch, сразу в useState массив