reactjs - 退出react-bootstrap modal时如何阻止事件冒泡？

Question

假设我想在退出模态时停止传播事件，例如当单击背景或将关闭模态的退出按钮时。但它会把我重定向到( parent )？退出时的 onClick 事件。

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

<Modal/>

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

Answer 1

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

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