reactjs如何在单个事件循环中更新dom中的所有更改以仅绘制一次dom

Question

我正在阅读有关reactjs中dom更新的文章.reactjs更新单个事件循环中的所有更改。我了解javascript中的事件循环及其在核心javascript中的工作方式。任何人都可以说出reactjs如何使用事件循环进行dom操作

Answer 1

React有一个虚拟DOM，不会直接操作DOM。

虚拟DOM是HTML DOM的副本，并且在React本地。 我们可以称其为HTML DOM的抽象。 因此，无论需要对DOM进行任何更改，React都会对此虚拟DOM进行更改，并相应地同步真实DOM。

React将更新整个虚拟DOM。

当我们调用render（）方法时，它将比较更新前的虚拟DOM和更新后的虚拟DOM，以识别更改了哪些对象。 它使用差异算法。

然后将虚拟DOM与真实DOM进行比较，只有更改后的对象才能在真实DOM上更新。