React中要解决的核心问题:为何以及如何使用(JSX表示的)虚拟DOM?...如何对虚拟DOM进行处理, 使其高效地渲染出来?1.1 虚拟DOM是什么? 为何要使用虚拟DOM?..., 或删除或增加了若干项, 如何通过对比前后的虚拟DOM树, 最小化地更新真实DOM?..., 造成极大的开销浪费.解决方案是为一组列表项添加 key 属性, 这样React就可以方便地比对出插入或删除项了.关于 key 属性, 应稳定、可预测且在列表内唯一(无需全局唯一), 如果数据有ID的话直接使用此...key(如随机数), 因为每次渲染都会发生改变, 从而导致列表项被不必要地重建.2.2 递归的Diffing在1.2节中的虚拟DOM对象中可以得知: 虚拟DOM树的每个节点通过 children 属性构成了一个嵌套的树结构