在ReactJS组件中，当用户修改单元格值时，它是在实际DOM中还是在虚拟DOM中修改它？

我正在学习ReactJS框架。我不清楚下面这方面。 当用户在表单单元格中输入某个值时，它会在实际DOM中修改吗？还是直接在虚拟DOM中更新

---

谢谢

React都没有单向绑定，这意味着当您更改状态时（使用

this.setState（{…}）

），将再次调用

render（）。这将更新虚拟DOM，然后更新实际DOM

如果用户输入了输入，除非您设置了更改用户输入状态的内容（例如，添加
onChange（）
）。然后，
onChange
函数需要用新值更新状态。
这两个函数都没有单向绑定，这意味着当您更改状态时（使用
this.setState（{…}）
），将再次调用
render（）。这将更新虚拟DOM，然后更新实际DOM

如果用户输入了输入，除非您设置了更改用户输入状态的内容（例如，添加
onChange（）
）。然后，
onChange
函数需要用新值更新状态。
当您在表单单元格中输入值，并且该输入字段没有输入处理程序时。在单元格中输入值时，实际的DOM将被修改，该值将保留在表单单元格中

但是我们通常不这样做，而是在我们的组件中有一个
onChange
处理程序，它将获取新值并使用
render
方法渲染回输入单元格。调用render后，首先更新虚拟DOM，然后react执行其神奇的扩散操作，以确定是否需要更新真实DOM。
当您在表单单元格中输入值，并且该输入字段没有输入处理程序时。在单元格中输入值时，实际的DOM将被修改，该值将保留在表单单元格中

但是我们通常不这样做，而是在我们的组件中有一个
onChange
处理程序，它将获取新值并使用
render
方法渲染回输入单元格。调用render后，首先更新虚拟DOM，然后react执行其扩散的神奇操作，以确定是否需要更新真实DOM