react-lazyload 懒加载的好处与使用

安装：

npm install --save react-lazyload

使用：

import LazyLoad from 'react-lazyload';

<LazyLoad height={200}>

        <img src="tiger.jpg" /> /*

                                  Lazy loading images is supported out of box,

                                  no extra config needed, set `height` for better

                                  experience

                                 */

 

     </LazyLoad>

用处：

可以为图片或者组件提供懒加载功能, 当滚动条滚动到该图片上方时才会去加载图片,可以更合理去加载资源, 也可以设置高度来在未加载时预留出位置！

当然 api 详见文档 点击打开链接