美文网首页
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和FunctionComponent区

    pureComponent pureComponent继承Component, 和Component唯一的区别就是...

  • React Native之PureComponent

    前言 PureComponent继承自Component。PureComponent几乎和Component完全相...

  • 聊一聊React中Component、PureComponent

    Component和PureComponent 首先来说一下 Component 和 PureComponent ...

  • 使用PureComponent提高render性能

    什么是PureComponent PureComponent就是React 15.3.0 新增了一个 PureCo...

  • PureComponent原理

    1. PureComponent介绍 PureComponent会对props和state进行浅比较,跳过不必要的...

  • PureComponent

    浅比对与深比对 PureComponent 是 React 15.3.0 新增了一个的类,它相当于默认实现了sho...

  • PureComponent

    继承自PureComponent的时候,再点击的时,不会再输出render,即不会再重新渲染了==========...

  • pureComponent

    PureComponent是优化react应用程序最重要的方法,可以减少不必要的render次数,提高性能。 原理...

  • PureComponent

    React 15.3在2016.06.29发布了,这个版本最值得关注的是支持了PureComponent 。Pur...

  • pureComponent

    利用shouldComponentUpdate或者PureComponent来减少因父组件更新而触发子组件的ren...

网友评论

      本文标题:PureComponent

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