PureComponent

浅比对与深比对

PureComponent 是 React 15.3.0 新增了一个的类,它相当于默认实现了shouldComponentUpdate 方法,会自己去比较 props 和 state 的变化。

新旧 Props 和 State,在 PureComponent 里是依靠 shallowEqual 比对的。

shallowEqual 来自另外一个库 facebook/fbjs

var shallowEqual = require('fbjs/lib/shallowEqual');

如果是简单的值的话,那肯定是可以判定的,这没得说。如果是 Object 或者 Array 的话,也能判断比较 key 下面的一层,但如果嵌套层级很深的话,是无法进行全比对判断的。

那回到我们组件的 props 和 state 来研究研究。

组件的 props 和 state 本身就是一个 object,所以只会判断 key 下面那一层,更下层级的是忽略的。
如果是 number,布尔值,字符串,那肯定是能判断的清清楚楚的,如果是 array 或者 object,那肯定是只能判断下是否是引用。

©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容