事件在React中是如何处理的？

【概念释义】

React 事件处理流程：用户交互 → 原生事件在 root 冒泡 → React 提取并构造 SyntheticEvent → 按组件树找到 props 上的 onXxx 回调依次执行 → 回调内可 setState 触发更新 → commit 阶段更新 DOM。自定义组件需自行 props.onClick?.(e) 或 spread 到 DOM。

【基础使用】

function Parent() {
  const onBtn = (e) => console.log('click', e.currentTarget);