React 在每次渲染后重新下载图像

React re-downloads image after every render

编辑:

重新下载资源的原因与图片缓存有关-我之前在chrome devtools中启用了禁用缓存,禁用它解决了问题!

你不能用 React 来解决这个问题,你应该通过在图像上缓存 headers 来解决这个问题。

对于每个<img src="http://your.url" />,浏览器执行一个网络请求。

提高性能的最佳方法是确保请求具有适当的缓存 headers,因此实际上并不是每次都下载图像(而只是一次)