Javascript React如何能够只更新真实DOM树的单个部分？

React的虚拟DOM如何只能呈现DOM的某一部分&保留树的其余部分

不确定我是否正确，但是如果我在普通HTML文件中更改了Div的内容，我必须刷新页面才能看到更改，对吗？这意味着我必须重新绘制整个东西，重新创建整个DOM树。我不能自己直接更新“仅”Div元素。我需要刷新页面并重新创建整个树

我知道什么是虚拟DOM，它是如何将新版本与旧版本进行比较的。我也读了和解文件，但也没有回答我的问题。React将需要转换的新虚拟DOM转换为真实DOM后会发生什么

---

我想问的是：本质上，React只是简单的HTML&JS，最终必须成为真正的DOM。那么，他们如何只更新DOM中的一个Div元素，而不需要重新加载整个页面呢？因为如果我们在HTML中手动执行此操作，则需要刷新整个页面以查看更改&据我所知，我们不能像React那样只更新其中的一部分。

简单的回答是，不必重新加载页面来更新DOM树。您可以通过检查任何元素并编辑其内容来尝试此操作。React还可以以类似的方式更新DOM。它是即时的，因为内容在内存中，而不是保存在文件中（需要重新加载）

DOM更新示例：）

---

您可以使用javascript更新DOM。当您更新文件并做出反应时，需要重新加载页面的原因是，当您在浏览器中加载页面时，浏览器会将页面的文件加载到内存中/ram会执行代码（html、css和javascript）。反应用于更新页面javascript中DOM的代码

---

但是，如果您更改文件中的html，chrome没有主意，因此也不会知道，因此您必须重新加载页面，以便chrome将新页面资源加载到其内存中，并执行任何代码。

哦，太酷了，我明白了！因此，当我们通过检查来编辑任何元素时，我们实际上是在直接操作保存在内存中的DOM？而且，当我打开所有网站时，是否所有网站的DOM都保存在RAM中？每当我关闭那个网站，它就会立刻从内存中消失？@rajatpluse这两种说法都是正确的。