如果在内部单击并在外部释放鼠标，则模态关闭

Question

我在 React 中遇到了模态问题。问题是如果我单击内部内容并移动鼠标并在外部释放，模态将关闭。这不应该发生。

目前它工作正常，因为如果我点击外部内容，模式会关闭，但如果我点击内部，模式会停留。

但是从内到外拖动鼠标点击会关闭它...

https://codesandbox.io/s/awesome-newton-fqe6b

寻求帮助！谢谢！

Answer 1

我确实经历过您所描述的行为。很奇怪，我的印象是 e.target 在这种情况下，如果单击事件是在该元素上启动的，则总是指内部 div，但也许这不准确。我尝试使用stopPropagation()，但它不起作用，因为单击事件似乎完全忽略了实际启动单击的 mousedown 部分的元素。

我做了一个hacky workaround，它将初始目标保存在状态中，以便与currentTarget进行比较并达到您想要的效果，但这绝对值得关注。