劣势

  • 整个组件只有两个监听事件
  • 反对one-time 和 continue 两种懒加载模式
  • scroll和resize办法通过throttle解决,也能够切换为debounce模式
  • 反对装璜器
  • 对服务端渲染敌对
  • 通过严格的测试

应用办法

import React from 'react';import ReactDOM from 'react-dom';import LazyLoad from 'react-lazyload';import MyComponent from './MyComponent';const App = () => {    return (      <div className="list">        <LazyLoad height={200}>          <img src="tiger.jpg" />         </LazyLoad>        <LazyLoad height={200} once >          <MyComponent />        </LazyLoad>        <LazyLoad height={200} offset={100}>          <MyComponent />        </LazyLoad>        <LazyLoad>          <MyComponent />        </LazyLoad>      </div>    );};ReactDOM.render(<App />, document.body);