React事件绑定的原理是怎样的？

【概念释义】

React 事件绑定原理：JSX 上的 onClick 等并非在 DOM 节点上逐个绑定，而是在 root 容器委托（React 17+），统一监听后根据触发目标找到 Fiber 并构造 SyntheticEvent 放入队列批量处理。这样减少监听器数量，并抹平浏览器差异（如 focus/blur 冒泡）。

【基础使用】

function List({ items }) {
  return (
    <ul onClick={(e) => {
      const li = e.target.closest('[data-id]');