我理解在渲染应用程序之前，需要创建一个真实的DOM的副本作为虚拟DOM，并将其存储在本地内存中。请告诉我react js中呈现的是什么
ctehm74n1#
我认为，React中的渲染是通过创建一个虚拟DOM来完成的，简单地说，虚拟DOM是真实的DOM的副本或蓝图，每次我们在代码中进行更改时，所有更改都发生在虚拟DOM中，而不是真实DOM中，然后比较真实DOM和虚拟DOM，并且当它在真实的DOM中发现与VIRTUAL DOM不匹配的某个节点时，它替换该节点并且它“的子节点更新，而不是重新创建整个树，所有这些都被称为协调，我认为它使用了diffing算法，从Reactv16或v15不确定，此协调有2个阶段，提交和渲染阶段分别是同步和异步的，意味着所有的状态改变，所有的副作用都在渲染阶段完成，DOM的绘制在提交阶段完成，不能被理解所以这就是我所认为的如何简单地React渲染过程您可以在以下视频中了解有关react的更多信息-https://www.youtube.com/watch?v=7YhdqIR2Yzo&list=PLxRVWC-K96b0ktvhd16l3xA6gncuGP7gJ请纠正我，如果有人认为我是错误的，或者如果我错过了任何重要的渲染过程
1条答案
按热度按时间ctehm74n1#
我认为，React中的渲染是通过创建一个虚拟DOM来完成的，简单地说，虚拟DOM是真实的DOM的副本或蓝图，每次我们在代码中进行更改时，所有更改都发生在虚拟DOM中，而不是真实DOM中，然后比较真实DOM和虚拟DOM，并且当它在真实的DOM中发现与VIRTUAL DOM不匹配的某个节点时，它替换该节点并且它“的子节点更新，而不是重新创建整个树，所有这些都被称为协调，我认为它使用了diffing算法，从Reactv16或v15不确定，此协调有2个阶段，提交和渲染阶段分别是同步和异步的，意味着所有的状态改变，所有的副作用都在渲染阶段完成，DOM的绘制在提交阶段完成，不能被理解
所以这就是我所认为的如何简单地React渲染过程
您可以在以下视频中了解有关react的更多信息-https://www.youtube.com/watch?v=7YhdqIR2Yzo&list=PLxRVWC-K96b0ktvhd16l3xA6gncuGP7gJ
请纠正我，如果有人认为我是错误的，或者如果我错过了任何重要的渲染过程