Изображения, не отображаемые в React, где src указан правильно

#reactjs #image

Вопрос:

Эй, у меня странная проблема с изображениями реакции. Некоторые изображения не отображаются, а некоторые отображаются.

Это моя простая реализация:

 lt;img src={item?.media?.url} /gt;  

и когда я проверяю консоль, а затем копирую src, изображение открывается нормально. Так что проблема не в URL-адресе

введите описание изображения здесь

Ответ №1:

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

Вы можете попробовать загрузить изображение и затем отобразить его, или вы можете просто вставить сообщение в Instagram

Ответ №2:

Похоже, ваш URL-адрес поврежден, потому что вы правильно его используете, убедитесь, что, нажав на ссылку, должна открыться новая вкладка с отображением фактического изображения

И убедитесь, что добавляется расширение изображения, потому что на изображении, которым вы поделились, в URL-адресе нет допустимого расширения изображения (.png,. jpg и т. Д.).

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

1. нажав на ссылку, вы откроете изображение в браузере.

2. Также расширение .jpg. Итак, я не понимаю, почему это происходит

3. хм, хорошо, попробуйте сделать его отдельным компонентом и передать URL-адрес только из реквизита, не используя»? » (элемент? .media?.url) и оберните компонент условием, чтобы проверить, существует ли носитель и URL-адрес внутри элемента, а затем отрисовайте этот компонент изображения