В настоящее время я использую 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>