如果在内部单击，模式将关闭，在外部释放鼠标

Question

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

当前效果很好，因为如果我单击外部内容，则模式关闭，但如果单击内部，则模式保持。

但是从内部向外部拖动鼠标会关闭它...

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

寻求帮助！谢谢！

Answer 1

我确实遇到了您所描述的行为。很奇怪，我给人的印象是，如果在该元素上启动click事件，那么在这种情况下e.target总是引用内部div，但这也许并不准确。我尝试使用stopPropagation()，但是它没有用，因为click事件似乎完全忽略了单击的mousedown部分实际上是从其发起的元素。

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