为了账号安全,请及时绑定邮箱和手机立即绑定

预加载的图像会再次加载

预加载的图像会再次加载

红糖糍粑 2021-04-06 17:14:07
我正在这样预加载我的图像componentDidMount:photos.forEach(picture => {  const img = new Image();  img.src = picture.url;});但是,当我尝试像这样插入我的图片时(在另一个组件中)<img src={photos[0].url} ... />它必须再次加载图像。然后,在“网络”标签中,我有2个相同请求,来自相同URL的相同图像具有相同的标题(时间c除外)
查看完整描述

2 回答

?
收到一只叮咚

TA贡献1821条经验 获得超4个赞

这是预期的行为。为什么?当你做img.src = picture.url; 将会有图像请求。下次您再次为img标签分配src-> img src = {photos [0] .url}时,将触发下一个请求。(这次应该来自磁盘缓存)。

让图片= photos.map(图片=> <img src = {picture.src} />);
然后渲染此图像变量,如
ReactDOM.render(imgs,mountNode)


查看完整回答
反对 回复 2021-04-15
  • 2 回答
  • 0 关注
  • 392 浏览
慕课专栏
更多

添加回答

举报

0/150
提交
取消
意见反馈 帮助中心 APP下载
官方微信