React 是否点击了父 div 元素

【问题标题】：Is the parent div element clicked with ReactReact 是否点击了父 div 元素
【发布时间】：2021-10-04 17:28:59
【问题描述】：

关于如何触发用户是否单击父元素的任何想法，但如果用户使用 ReactJS 在子 div 内单击，则不对单击做出反应。如截图所示，如果用户点击黑色区域，我希望“做某事”，但不要对白框内的点击做出反应

【问题讨论】：

【解决方案1】：

在子 div 上放置一个 onClick 并让它停止传播：

const Example = () => {
  return (
    <div onClick={(e) => {
       // Handle the click for the outer area
    }}>
      <div onClick={(e) => e.stopPropagation()}>

      </div>
    </div>
  )
}

【讨论】：