@n1ksON
Интерн

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

По API приходят пути изображений, в компоненте отрисовываю так:
const Poster = ({ result }) => {
	return (
		<>
			{result.path ? (
				<img
					src={`https://image.tmdb.org/t/p/w300${result.path}`}
					alt="Изображение"
				/>
			) : (
				<></>
			)}
		</>
	);
};


Из-за этого при каждом рендере картинка загружается заново (даже если путь не менялся). Как это исправить?
То есть, как перестать после каждого рендера снова загружать картинку, если путь не менялся?
  • Вопрос задан
  • 147 просмотров
Решения вопроса 1
cyber-jet
@cyber-jet
Если всё правильно в заголовке ответа сервера, если название изображения, совпадает и если кеш не отключен принудительно на стороне браузера, картинка, да и вообще, любой другой ресурс, должна браться из кеша браузера.
5ff186d16bf32858981164.png
Ответ написан
Пригласить эксперта
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы