LazySizes component for ReactJS base on lazysizes
npm install --save react-lazysizesbower install --save react-lazysizesvar LazySizes = require('react-lazysizes');
<LazySizes width='1920' height='1024' dataSrc='http://lorempixel.com/1920/1024/sports/1'/><script src="path/to/react-lazysizes/dist/react-lazysizes.js"></script>//...
var LazySizes = window.ReactLazysizes;
//...Example here
| Name | Type | Default |
|---|---|---|
| src | string | 'data:image/gif;base64,R0lGODdhEAAJAIAAAMLCwsLCwiwAAAAAEAAJAAACCoSPqcvtD6OclBUAOw==' |
| dataSrc | string | |
| dataSizes | string | 'auto' |
| dataSrcSet | [string, object, array] | |
| className | string | '' |
| iframe | bool | false |
More info see lazysizes api.
View demo or example folder.