前端

react进阶-节点比较

2018-04-24  本文已影响4人  xhbisme

1.key增加性能,需要注意:

key的坑

2.关于key的使用

key的使用

3.diff算法

react-diff算法就是上面说的启发式算法。新的组建名字,新的key,都会让react认为这是新的组件。

diff对比

图中每个圆圈代表一个element节点。每次react对比,如果发现节点不同,或着key不同,就会换掉原来的节点,重新创建一个新的节点。当发现属性不同的时候,只会更改改变的属性。

上一篇下一篇

猜你喜欢

热点阅读