React自定义组件之懒加载-LazyLoad。

Posted 2023-03-29

参考技术A 1.源码中，LazyOut传入一个组件，这个可以达到按需引入的目的，默认延迟200ms加载
2.必须传入一个Promise对象，如果组件有错误，会引入并渲染.error的内容。
3.建议将需要懒加载的组件，写成变量的形式，可以懒加载图片，列表，echats等。
4.使用react中的Suspense 和 Lazy

react懒加载组件--react-lazyload

安装：

npm install react-lazyload --save-dev

使用：

//引入
import LazyLoad from ‘react-lazyload‘;

//render中使用
render(){
	<LazyLoad height={200}>
		<img src="tiger.jpg" />
	</LazyLoad>
}