在React中，如何判断点击的元素属于哪个组件？

【概念释义】

React 无 DOM 事件到组件的直接映射。判断点击归属需：事件委托 + data 属性、ref 比较、在 handler 闭包内已知组件上下文，或通过 React DevTools。原生 e.target 只是 DOM 节点，不含 React 组件信息。

【基础使用】

function Tree({ nodes }) {
  const handleClick = (e) => {
    const nodeEl = e.target.closest("[data-node-id]");
    if (!nodeEl) return;