🎯 面试回答：React 合成事件（SyntheticEvent）
"是的，我了解 React 的合成事件系统。它是 React 为了统一跨浏览器事件行为 和提升性能而设计的一套事件封装机制。
简单来说，当你在 JSX 中写 onClick 这样的事件处理器时，你处理的并不是原生 DOM 事件，而是一个由 React 封装的 SyntheticEvent 对象。它屏蔽了不同浏览器之间的差异，比如 IE 和现代浏览器在事件模型上的不一致。
React 并不会给每个 DOM 元素单独绑定事件监听器，而是采用事件委托 的方式------在应用的根容器（比如 #root）上统一监听所有事件。当用户触发点击等操作时，原生事件会先在真实 DOM 树中冒泡到根节点，被 React 捕获；然后 React 会根据目标元素找到对应的组件，并在虚拟组件树（Fiber 树）中模拟一次冒泡过程，依次调用从子到父的事件处理器。这就是所谓的'两次冒泡'：一次是原生 DOM 冒泡，一次是 React 合成事件冒泡。
另外，从 React 17 开始 ，事件委托的目标从 document 改为 React 应用的根容器，这样能更好地支持微前端或多 React 实例共存，避免全局污染。
还有一个重要变化是：React 17+ 已经移除了事件池（event pooling）机制 。在早期版本中，SyntheticEvent 是复用的，异步访问需要调用 e.persist()；但现在你可以直接在 setTimeout 或 async/await 中安全地使用事件对象，无需额外操作。
总的来说，合成事件让 React 在保持高性能的同时，提供了更一致、更可预测的事件处理体验。"