在React组件中如何实现事件代理?它的原理是什么？

【概念释义】

React 组件内 事件代理 即依赖 React 合成事件系统 在 root 统一监听，利用 冒泡 在父级处理子节点事件（与原生事件委托一致）。写法：父元素 onClick + e.target.closest(selector) 识别实际点击子元素，减少处理器数量。

【基础使用】

function Menu({ items }) {
  function handleClick(e) {
    const btn = e.target.closest('[data-action]');
    if (!btn) return;