退出反应引导模式时如何阻止事件冒泡？

Question

假设我想在退出模态时阻止事件传播，例如在单击背景或将关闭模态的退出按钮时。但是它会将我重定向到（父母）？退出时的 onClick 事件。

<Modal onHide={(e) => {
e.stopPropagation();
setShow(false);
...
}}>

<Modal/>

以上是行不通的。我也试过onExit哪个也不起作用。

Answer 1

解决方法是在 Modal 周围使用 div 元素来控制事件。

<div 
onClick ={(e) => e.preventPropagation()}
>
<Modal>
<Modal/>
</div>