在React中，合成事件指的是什么？它解决了哪些问题或带来了哪些好处？

回答思路

1. 【回答框架 1】合成事件是React对原生DOM事件的一层封装，将不同浏览器的原生事件统一为一致的事件对象接口，并挂载在组件树根节点上，通过事件委托方式管理所有事件。在React 17及之前，事件委托到document；React 17之后，委托到根容器DOM节点。
2. 【回答框架 2】作用之一是消除浏览器差异，提供类似原生事件的SyntheticEvent对象，使得事件处理逻辑跨浏览器行为一致。同时，合成事件使用事件池复用事件对象，在React 16及之前，事件处理函数执行完后，事件对象会被回收重用，以避免频繁创建销毁带来的开销；但这也要求在异步访问事件对象时必须先调用persist()方法。
3. 【回答框架 3】另一个作用是提升性能，通过事件委托减少每个DOM节点上的事件监听器数量，尤其适用于列表和动态渲染场景。合成事件与React的声明式JSX语法配合，使得事件绑定和清理更简单。
4. 【回答框架 4】注意：React 17之后不再将事件委托到document，而是挂载到React树的根DOM容器，这样既保持了事件处理的一致性，又降低了与页面上其他库或脚本的事件冲突风险。
5. 【关键点 1】合成事件是对原生事件跨浏览器差异的封装。
6. 【关键点 2】采用事件委托机制统一挂载到根容器上。
7. 【关键点 3】React 17将委托点从document改为根容器。
8. 【关键点 4】React 16之前事件对象有事件池复用，异步访问需persist()。
9. 【关键点 5】合成事件不替代原生事件，必要时可用e.nativeEvent。
10. 【易错点 1】误以为合成事件就是原生事件，两者有区别，合成事件是跨浏览器统一封装。
11. 【易错点 2】错误认为React 17之前事件对象在异步回调中仍然有效，未调用persist()会产生警告或数据丢失。
12. 【易错点 3】不应声称合成事件完全消除浏览器差异，在极端情况下仍可能有边缘差异。