React中的事件处理逻辑是怎样的？

【概念释义】

React 合成事件（SyntheticEvent） 跨浏览器包装原生事件，事件委托到 root（React 17+ 挂到应用 root 而非 document）。逻辑：JSX onClick → 合成事件池（17 前）→ 找 Fiber props 链 → 按冒泡/捕获执行。与原生区别：统一 API、e.persist()（旧）、异步访问需 persist 或读属性缓存。

【基础使用】

function Form() {
  const onSubmit = (e) => {
    e.preventDefault();
    console.