import React from "react";
import LazyLoad from "react-lazyload";
import image from "./image.jpg";
const App = () => {
/**
* Lazy loading images is supported out of box, no extra config is needed
* `height` is set for better experience
*/
return (
<LazyLoad height={200}>
<img src={image} />
</LazyLoad>
);
};
export default App;
Preview:
downloadDownload PNG
downloadDownload JPEG
downloadDownload SVG
Tip: You can change the style, width & colours of the snippet with the inspect tool before clicking Download!
Click to optimize width for Twitter