我目前在我的React项目中使用material-ui
。这些组件是material-ui
组件。
我试图将ClickAwayListener
与Dialog
一起使用,以检测外部点击的时间,以便在外部点击时可以关闭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>