Как узнать, что картинка была загружена браузером?

Question

[uRoot]

Есть компоненты News и NewsItem. Кликаем на NewsItem -- устанавливается стейт в News и открывается нужный NewsItem. Проблема в том, что если мы кликнули на NewsItem, то в него подгружается картинка:

<img className="news-item__image" src={`${apiBaseUrl}posts/image/${mediaId}`}/>

Кликнули на один и тот же NewsItem три раза -- три раза мы сходили за файлом. Как это пофиксить, чтобы мы ходили за файлом только один раз, а следующий раз мы брали его из кэша?

Answer 1

[Stalker_RED]

Оно из коробки так и работает.
Возможно у вас url картинки отличается или в заголовках кеш запрещен.
Покажите заголовки картинки.

Comments

[uRoot]

Скрин

Скрин 2

[uRoot]

А может это и не подгружается картинка (см. скрин в стартовом посте), а просто так отображается, что картинка примонтировалась в DOM?

[Stalker_RED]

uRoot, разверните шире панельку, там пишется когда из кеша, емнип

[uRoot]

Stalker_RED, та не: eact-dom.development.js:683 и всё

[Stalker_RED]

uRoot, вот пример с этой страницы в тостере