使用React应用程序的图像不会立即在Safari上加载

Question

我的React App上有一个页面，该页面从静态URL加载图像。在Chrome和Firefox上，一切正常，但是在Safari上，除非与页面进行交互（悬停，单击等），否则不会加载某些图像。

我尝试在每个图像上使用onLoad处理程序，并尝试使用display: block或display: none隐藏或显示该图像（如果尚未加载该图像，但对于Safari而言仍未解决。） / p>

页面仅以标准方式加载图像：

import 1 from "./img/1.svg"

class Test extends React.Component {
...

...
    render = () => {
        return <img src={1} />
    }
}