javascript - React 是否点击了父 div 元素

Question

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

标签： javascriptnode.jsreactjs

Answer 1

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

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

      </div>
    </div>
  )
}