请简述当调用setState时，React render 是如何工作的？
参考回答：
当调用setState时，React会执行以下步骤：
1. 触发状态更新：setState会将新的状态合并到当前状态中，并将组件标记为“脏”状态。
2. 重新渲染：React会在下一次事件循环中重新渲染该组件，生成新的虚拟DOM。
3. 比较虚拟DOM：React将新的虚拟DOM与之前的虚拟DOM进行比较，计算出差异。
4. 更新真实DOM：根据虚拟DOM的差异，React会更新真实DOM，最小化DOM操作以提高性能。
详细讲解与拓展：
- 调用
setState：
当你调用setState时，React并不会立即更新组件的状态或重新渲染组件。相反，setState会将新的状态放入更新队列，并通知React需要重新渲染组件。示例：
this.setState({ count: this.state.count + 1 }); - 合并状态并触发渲染：
setState会合并新的状态与当前的状态，而不是完全替换掉旧的状态。合并完成后，React会将组件标记为“脏”，并计划重新渲染该组件。React通过调度队列来进行批量更新，这意味着多次调用
setState会合并成一次渲染，避免不必要的重复渲染。 -
虚拟DOM更新：
重新渲染时，React会重新计算组件的虚拟DOM（即render方法的返回值）。React通过render方法返回的React元素来构建新的虚拟DOM。示例：
render() { return <div>{this.state.count}</div>; } - 虚拟DOM对比和差异计算：
在重新渲染后，React会将新生成的虚拟DOM与上次渲染时的虚拟DOM进行对比。这个过程称为虚拟DOM对比（reconciliation）。React通过Diff算法比较新旧虚拟DOM的差异，只更新发生变化的部分。例如，如果
count的值发生了变化，React只会更新显示count的div元素，而不是整个组件的DOM结构。 -
更新真实DOM：
根据虚拟DOM的差异，React会将必要的变更应用到真实DOM中。React通过最小化DOM操作（只更新差异部分），提高性能。 -
异步更新：
setState本身是异步的，React会将多个状态更新操作合并为一次批量更新。更新并不会立即反映到this.state，而是等到React处理完所有更新并完成渲染之后，this.state才会反映最新的状态。 -
回调函数：
如果需要在setState完成后执行某些操作，可以通过setState的回调函数来确保状态更新和渲染完成。示例：
this.setState({ count: this.state.count + 1 }, () => { console.log('State updated and component rendered'); });
总结：
当调用setState时，React的工作过程如下：
1. setState将新的状态与当前状态合并，并将组件标记为脏状态。
2. 组件会被重新渲染，生成新的虚拟DOM。
3. React对比新旧虚拟DOM，计算出差异。
4. 通过最小化DOM操作，React将差异更新到真实DOM中。
5. setState是异步的，React通过批量更新优化性能，避免不必要的重新渲染。
这个流程保证了React能够高效地更新UI，同时最小化对真实DOM的操作，提高性能。