文章浏览阅读85次，点赞3次，收藏5次。当组件的状态发生变化时，React 会首先在虚拟 DOM 上进行变更，然后通过一个叫做“协调”（Reconciliation）的过程计算出与上次渲染相比实际 DOM 需要变更的最小差异，最后把这些差异应用到真实的 DOM 上。在只改变单个 DOM 节点内容的情况下，直接使用 JavaScript 来操作 DOM 很可能会比 React 的虚拟 DOM 更快，因为这里涉及到的操作非常简单，直接操作避免了虚拟 DOM 的比较和更新过程。这样的操作不会引起复杂的 DOM 重绘或重排，因此开销很小。
