请解释React中连续调用多个setState时，React是如何处理这些更新的？

回答思路

1. 【回答框架 1】React的setState并非同步立即更新，而是进入更新队列，在事件处理或生命周期中，多个setState会被合并（批处理），只触发一次渲染，以提高性能。
2. 【回答框架 2】在React 18及更高版本中，自动批处理扩展到Promise、setTimeout等异步场景，多个setState也会合并。但如果在异步回调中手动调用，仍可能合并，除非使用flushSync强制同步。
3. 【回答框架 3】当多个setState作用于同一状态时，React会按顺序合并，但后一个调用会覆盖前一个（若传入对象），或基于前一个状态计算（若传入函数）。
4. 【回答框架 4】在函数组件中，多次调用useState的setter，React会按队列顺序处理，但它们不会直接按顺序重新渲染，而是最终合并成一次渲染。
5. 【回答框架 5】批处理的内部机制是：React在事件处理开始时，会将更新标记为待处理状态，在事件结束后统一执行，从而避免不必要的渲染和中间状态。
6. 【关键点 1】多个setState默认批处理，合并为一次渲染，但函数形式更新可依次生效。
7. 【关键点 2】执行顺序是更新入队顺序，但最终状态取决于最后一次覆盖或函数计算。
8. 【关键点 3】React 18自动批处理扩展至异步回调，flushSync可强制同步更新。
9. 【易错点 1】误认为多个setState会分别触发多次渲染，实际是合并后一次渲染。
10. 【易错点 2】在异步代码中直接调用多个setState，若未使用批量更新，可能各自触发渲染（旧版本），新版本自动批处理。
11. 【易错点 3】对同一状态使用对象形式多次setState，后一次会覆盖前一次，需用函数形式避免。