react进阶-节点比较
2018-04-24 本文已影响4人
xhbisme
1.key增加性能,需要注意:
key的坑2.关于key的使用
key的使用3.diff算法
react-diff算法就是上面说的启发式算法。新的组建名字,新的key,都会让react认为这是新的组件。
diff对比图中每个圆圈代表一个element节点。每次react对比,如果发现节点不同,或着key不同,就会换掉原来的节点,重新创建一个新的节点。当发现属性不同的时候,只会更改改变的属性。
2.关于key的使用
key的使用3.diff算法
react-diff算法就是上面说的启发式算法。新的组建名字,新的key,都会让react认为这是新的组件。
diff对比图中每个圆圈代表一个element节点。每次react对比,如果发现节点不同,或着key不同,就会换掉原来的节点,重新创建一个新的节点。当发现属性不同的时候,只会更改改变的属性。