我在 React 中遇到了模态问题。问题是,如果我单击内容内部并将鼠标移动到外部,则 Modal 会关闭。这不应该发生。
目前它工作正常,因为如果我单击外部内容,模态会关闭,但如果我单击内部内容,模态会保留。
但是从内部拖动鼠标单击到外部会关闭它......
https://codesandbox.io/s/awesome-newton-fqe6b
寻求帮助!谢谢!
我确实经历了你所描述的行为。很奇怪,我的印象是,如果在该元素上启动了单击事件,在这种情况下e.target
将始终引用内部div,但也许这并不准确。 我尝试使用stopPropagation()
,但它不起作用,因为单击事件似乎完全忽略了实际启动单击的鼠标按下部分的元素。
我做了一个笨拙的解决方法,可以将初始目标保存在该状态下,以便与currentTarget
进行比较并实现您正在寻找的效果,但这绝对值得一试。