How to know that the picture was loaded by the browser?

Question

JavaScript

There are components News and NewsItem. Clicking on NewsItem -- the state is set to News and the desired NewsItem is opened. The problem is that if we clicked on a NewsItem, then an image is loaded into it:

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

We clicked on the same NewsItem three times - three times we went to get the file. How to fix it so that we go for the file only once, and the next time we take it from the cache?

Answer 1

It works out of the box that way.
Perhaps your image url is different or the cache is disabled in the headers.
Show image captions.