自动化反应 stopPropagation 和 preventDefault

maa*_*nus 6 dom-events preventdefault stoppropagation reactjs material-ui

使用react-domand 的当前版本@material-ui,我需要stopPropagation和/或preventDefault在很多地方。我从来没有遇到过像本文这样的问题,我猜这不会发生,因为 Material-UI 的工作方式:AFAIK 打开对话框和模态首先获取事件,所以当点击外部时它们总是关闭。

  • 我对这个假设是否正确?

  • 如果是这样,是否还有情况,我不应该stopPropagation和/或preventDefault

无论如何,我厌倦了通过这个样板使所有事件处理程序复杂化。我想自动化这个,这可能吗?

更新

我没有提供一个例子,哪里stopPropagation是必要的,因为它无济于事(我们都知道有时需要它,不是吗?)。它发生在我身上好几次,例如,单击 MUI 中的关闭按钮Popover将单击转发到打开弹出窗口的按钮(因此它保持打开状态)。

请注意,问题分为三个部分。如果没有自动化解决方案(我敢打赌,React 本身可以做到),我最好奇的是在使用 MUI 时不应该发生抑制的情况。