参考:

React.memo
image.png
image.png

1 页面存在大量echart图标

比如列表, 单页pageSize 20条,每箱存在5个echart组件
image.png
每次父组件渲染都会引起echart子组件重新渲染
image.png
使用React.memo 包裹echart组件
image.png
可以减少重复的echart组件渲染
image.png