组件渲染的几种优化方式

1. 生命周期 shouldComponentUpdate

shouldComponentUpdate 周期里面默认返回true,通过条件控制返回false来阻止组件重新render,如果条件过于复杂不推荐使用这中方式

2. 继承 PureComponent 而不是 Component

值得注意的是PureComponent监听props是否发生变化是浅比较,所以最好传递 简单结构的数据

3. 高阶组件 React.memo()

类似PureComponent,接收的参数是组件


liuoomei
175 声望18 粉丝

走出舒适区,外面的风景格外迷人!


« 上一篇
react - css样式
下一篇 »
react - context