检查是否要使用新Image（）加载要用于背景图像的图像？

Question

我正在尝试触发@material-ui的{​​{1}}组件的onLoad事件。默认情况下，它将图像作为<CardMedia/>加载到div中。尽管它确实具有设置background-image组件的选项-您无法定义自定义的img组件，并且它也不会公开img道具。它只需要媒体Img。

（对我来说）这使得检查图像上的onLoad事件变得困难。

我的第一个想法是使用src加载图像，然后在new Image()组件中重新使用该图像的src。那是有效的代码，还是我只加载同一张图片两次？

例如，

https://codesandbox.io/s/cardmedia-onload-tuqru

快速浏览：

<CardMedia />

Answer 1

我说这是有效的，因为无论您拥有多少个具有相同URL的图像对象实例，相同的图像URL都只会加载一次。