react的Component和PureComponent

前言：

 react中的Component和PureComponent。

 

Component和PureComponent的区别

介绍

React.PureComponent 与 React.Component 几乎完全相同，但 React.PureComponent 通过props和state的浅对比来实现 shouldComponentUpate()。

在PureComponent中，如果包含比较复杂的数据结构，可能会因深层的数据不一致而产生错误的否定判断，导致界面得不到更新。

如果定义了 shouldComponentUpdate()，无论组件是否是 PureComponent，它都会执行shouldComponentUpdate结果来判断是否 update。如果组件未实现 shouldComponentUpdate() ，则会判断该组件是否是 PureComponent，如果是的话，会对新旧 props、state 进行 shallowEqual 比较，一旦新旧不一致，会触发 update。

浅对比：通过遍历对象上的键执行相等性，并在任何键具有参数之间不严格相等的值时返回false。 当所有键的值严格相等时返回true。shallowEqual

不同：

1. PureComponent自带通过props和state的浅对比来实现 shouldComponentUpate()，而Component没有。

PureComponent缺点

可能会因深层的数据不一致而产生错误的否定判断，从而shouldComponentUpdate结果返回false，界面得不到更新。

PureComponent优势

不需要开发者自己实现shouldComponentUpdate，就可以进行简单的判断来提升性能。

更多资料：

1、https://blog.csdn.net/u013003052/article/details/87894262?utm_medium=distribute.pc_relevant.none-task-blog-BlogCommendFromMachineLearnPai2-1.channel_param&depth_1-utm_source=distribute.pc_relevant.none-task-blog-BlogCommendFromMachineLearnPai2-1.channel_param

2、https://blog.csdn.net/weixin_41111068/article/details/89060389

3、https://www.cnblogs.com/clover77/p/9394514.html