反应无法将ClickAwayListener与“材质UI对话框”一起使用,单击后无法关闭该对话框

时间:2019-10-19 15:44:55

标签: reactjs material-ui

我目前在我的React项目中使用material-ui。这些组件是material-ui组件。 我试图将ClickAwayListenerDialog一起使用,以检测外部点击的时间,以便在外部点击时可以关闭Dialog

但是,从技术上来说,由于按钮的单击是对话框外的单击,因此Dialog不会打开,因为onClickAway侦听器会立即触发Dialog关闭。

我想做的是,我想在对话框外单击时关闭Dialog。我有什么办法可以做到这一点?

<iframe src="https://codesandbox.io/embed/989y0758np?fontsize=14" title="989y0758np" allow="geolocation; microphone; camera; midi; vr; accelerometer; gyroscope; payment; ambient-light-sensor; encrypted-media; usb" style="width:100%; height:500px; border:0; border-radius: 4px; overflow:hidden;"
  sandbox="allow-modals allow-forms allow-popups allow-scripts allow-same-origin"></iframe>

0 个答案:

没有答案