美文网首页
PureComponent

PureComponent

作者: 超人阿亮 | 来源:发表于2018-09-13 14:53 被阅读0次

    浅比对与深比对

    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,那肯定是只能判断下是否是引用。

    相关文章

      网友评论

          本文标题:PureComponent

          本文链接:https://www.haomeiwen.com/subject/asysgftx.html