react-lazyload-wrapper

React higher order component which is used to make any another component become lazyload.

Install

npm i --save react-lazyload-wrapper

Showcase

If github EAT my gif, check it here: https://zhihao.tech/react-lazyload-wrapper.gif

Usage

import LazyLoadHOC from 'react-lazyload-wrapper';
import Photo from './Photo';

let LazyLoadPhoto = LazyLoadHOC(Photo);
ReactDOM.render(
  <div>
    <div style={{height: '2000px'}}> scroll</div>
    <LazyLoadPhoto
      thumbnailUrl={'ImagePath'}
    />
  </div>
  , document.getElementById('app'));