react 中的 PureComponent

Posted 2020-12-29 z-one

React.PureComponent最重要的一个用处就是优化React应用，因为它减少了应用中的渲染次数，所以对性能的提升是非常可观的。

原理：在普通的 componnet 组件中，shouldComponentUpdate 使用来限定组件是否应该被更新的，他的默认返回值都是 true，所以即便是 state 和 props 没有发生改变时，也会导致组件重绘。因此针对上述情况，React 引入了 PureComponent 纯组件，它改变了 shouldComponentUpdate 生命周期方法，会自动判断 state 和 props 是否发生了变化，从而判断是否要重新渲染组件。

弊端：纯组件 pureComponent 并使不是像他的优点一样，让人觉得很爽，千万不能头脑发热就把所有的组件都改成纯组件。

　　　因为纯组件是浅比较，对比的是对象的引用，所以组件内部 state 和 props 发生改变时，它并不知道 state 和 props 发生了改变，所以千万不能乱使用。