react-use-lazy-load-image:轻松将图像延迟加载添加到您的React应用

React使用延迟加载图像 :sunrise: :high_voltage: 轻松将图像延迟加载添加到您的React应用 react-use-lazy-load-image使用为延迟加载的图像提供高性能解决方案，该图像不涉及滚动事件侦听器。 IntersectionObserver API仍然很新，因此较旧的浏览器可能不支持此功能，但是对于这些用例，可以使用一些不错的polyfill。 react-use-lazy-load-image重量极轻，因此不会为您的应用程序增加任何额外的体积。 顾名思义， react-use-lazy-load-image使用React Hooks，因此您需要使用React函数组件才能使用此库。 用法 在您的img标签中添加data-img-src属性（属性）作为主图像源 将src属性更改为占位符，例如小数据URL blob 在React函数组件的主体中导入并运行useLazyLoadImag