react的合成事件如何形容
React 合成事件的特点
React 的合成事件（SyntheticEvent）是对浏览器原生事件的跨浏览器包装，提供了一致的事件接口。它的设计目的是解决浏览器兼容性问题，同时优化事件处理性能。
事件池机制
合成事件使用事件池技术，事件对象会被重用以提高性能。事件回调执行完毕后，事件对象的属性会被清空。如果需要异步访问事件属性，需调用 event.persist() 保留事件对象。
事件委托
React 将所有事件委托到文档顶层（React 17 之前是 document，17 之后是 root 容器），而非直接绑定到 DOM 节点。这种机制减少了内存占用，并自动处理事件绑定与解绑。
跨浏览器一致性
合成事件统一了不同浏览器的行为差异。例如，event.stopPropagation() 和 event.preventDefault() 在所有浏览器中表现一致，无需额外处理兼容性问题。
事件类型对应关系
常见合成事件与原生事件的对应关系如下：
onClick: 对应clickonChange: 综合了input、selection等不同场景onMouseEnter: 使用mouseover模拟但无冒泡
性能优化
合成事件避免了频繁创建和销毁事件对象，通过事件池复用对象。事件处理函数的自动绑定优化也减少了不必要的内存开销。
与原生事件的区别
- 命名方式：合成事件采用驼峰命名（如
onClick），而非原生的小写（如onclick）。 - 事件传播：合成事件的
e.stopPropagation()会阻止虚拟 DOM 的冒泡，但可能不影响原生 DOM 事件。 - 异步访问：未调用
persist()时，异步代码无法直接访问事件属性。
示例代码
function handleClick(e) {
e.persist(); // 保留事件对象供异步使用
setTimeout(() => {
console.log(e.target); // 异步访问
}, 100);
}
<button onClick={handleClick}>Click</button>
