Как импортировать изображение в React из общей папки через файл json

#reactjs

Вопрос:

Как говорится в названии, у меня есть несколько изображений, и я хочу сохранить их в json, где он хранит URL-адрес, и оттуда я хочу получить данные изображения соответственно.

Вот мой codesandbox, я не уверен, почему он не показывает никаких изображений после просмотра здесь множества ответов. https://codesandbox.io/s/confident-galois-2pn52

Ответ №1:

Похоже, ты забыл один уровень

Изображения

в JSON. Код IMG в компоненте должен выглядеть следующим образом:

 <img src={data.images.url} alt={data.images.name} />
 

Комментарии:

1. Это было довольно глупо с моей стороны, я часами исправлял свой путь, в то время как проблема заключалась только в структуре json

Ответ №2:

Вы должны использовать JSON следующее

  <img src={`${data.images.url}`} alt={data.images.name} />
 

Пожалуйста, обновите свой код. Он начнет показывать изображения.

В вашей JSON структуре есть images объект, который вы не потребляете.