Как кэшировать изображение?

Question

[n1ksON]

По API приходят пути изображений, в компоненте отрисовываю так:

const Poster = ({ result }) => {
	return (
		<>
			{result.path ? (
				<img
					src={`https://image.tmdb.org/t/p/w300${result.path}`}
					alt="Изображение"
				/>
			) : (
				<></>
			)}
		</>
	);
};

Из-за этого при каждом рендере картинка загружается заново (даже если путь не менялся). Как это исправить?
То есть, как перестать после каждого рендера снова загружать картинку, если путь не менялся?

Comments

[Алексей]

Для начала передавать в Poster не result, а только path из него

[n1ksON]

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

Answer 1

[Евгений]

Если всё правильно в заголовке ответа сервера, если название изображения, совпадает и если кеш не отключен принудительно на стороне браузера, картинка, да и вообще, любой другой ресурс, должна браться из кеша браузера.

Comments

[n1ksON]

Я тормоз.. совсем забыл про disable cache