react中当调用 setState的时候，发生了什么操作

本文主要是介绍react中当调用 setState的时候，发生了什么操作，希望对大家解决编程问题提供一定的参考价值，需要的开发者们随着小编来一起学习吧！

在调用 setState 的时候，React会对组件进行重新渲染。具体操作如下：

1. React会将新的状态对象与旧的状态对象进行合并，生成一个新的状态对象。
2. React会检查新的状态对象与旧的状态对象是否相等，使用浅比较的方式进行比较。如果两者相等，React会认为没有变化，不会再进行后续操作。
3. 如果新的状态对象与旧的状态对象不相等，React会将新的状态对象替换旧的状态对象，并触发组件的更新过程。
4. 在更新过程中，React会根据新的状态对象重新计算组件的虚拟DOM树。
5. 然后，React会将新的虚拟DOM树与旧的虚拟DOM树进行比较，找出两者之间的差异（diff算法）。
6. 最后，React会将差异应用到真实的DOM树上，进行局部更新，以实现最小化的DOM操作。

总结起来，调用 setState 会触发组件的重新渲染，包括计算虚拟DOM树、找出差异、应用差异等过程，以保证组件的显示与状态同步更新。

这篇关于react中当调用 setState的时候，发生了什么操作的文章就介绍到这儿，希望我们推荐的文章对编程师们有所帮助！

---