onClick-仅在其div为目标时触发

Question

<div onClick={someParentFunc}>
    <div onClick={someChildFunc}></div>
</div>

如果您单击子项，则两个函数都将被调用。这是预期的。

仅当父div是事件的目标时，请告诉我最方便的方法来启动someParentFunc。

我目前拥有的两个解决方案是...

• useRef引用父div，并在其onClick中对照事件目标对其进行检查
• 在孩子的回调中调用stopPropagation

...两者看起来都非常不方便。