说说React中的虚拟dom？在虚拟dom计算的时候diff和key之间有什么关系？

        虚拟DOM（Virtual DOM）是React中的一个概念，它是一个轻量级的JavaScript对象，用于表示真实DOM的抽象层。React使用虚拟DOM来提高性能和效率

关系：

        diff算法是用于比较两个虚拟DOM树之间的差异，并确定需要更新的部分。它通过一种高效的算法来比较节点的类型、属性和子节点等信息，以确定需要更新或重新渲染的部分。

        key属性是在虚拟DOM的渲染中用于标识唯一子元素的属性。在虚拟DOM的比较过程中，React使用key属性来追踪组件及其子元素的身份，以便更准确地确定哪些元素需要更新。使用合适的key可以帮助React在diff算法中更准确地确定元素的插入、移动和删除操作

工作原理：

        当组件状态发生变化时，React会创建一个新的虚拟DOM树，表示组件在新状态下应该呈现的样子。

        React将新的虚拟DOM树与之前的虚拟DOM树进行比较，找出两者之间的差异（即diff算法）。

        根据差异，React会将需要更新的部分应用到真实DOM中，只更新发生变化的部分，而不是整个DOM树。