标签: 自动批处理

React 18 升级核心在于并发渲染带来的自动批处理、useEffect同步化和JSX运行时优化。升级需关注类组件同步状态读取、副作用执行时机变化，并使用`createRoot`、函数组件和`useTransition`。渐进式升级、严格模式和兼容性测试至关重要。

本文总结了React18的主要变化及升级建议。React18引入自动批量更新，减少渲染次数，但可能导致原有hack失效。useEffect在discrete input事件后同步执行。强调key在列表渲染中的重要性，避免使用索引作为key。介绍了React17优化编译后代码的方式，需要配置`runtime: 'automatic'`。