React 什么时候对真实 dom 应用更改?

when does react apply change on real dom?

正如我们所知,React 在虚拟 Dom 上运行,而不是在真实 Dom 上运行。 当 state 或 props 发生变化时,这种变化是在虚拟 Dom 中发生的。 我们可以考虑在调用 setstate() 方法时将此更改应用于真实 Dom?

setState 将触发虚拟 DOM 上的新渲染,这将使用其差异算法检查虚拟 DOM 从上一个快照到当前快照发生了什么变化。

之后,虚拟 DOM 将发送一个“包”,其中包含所有需要进行的更改。

最后,真正的 DOM 将更新用户的屏幕。