Reactjs 左视口时未激发onDragEnd

我发现当图层从视口中拖出并释放鼠标按钮时，它仍处于dragmove状态。你有没有遇到过这样的问题

请看这里：

将红色矩形拖出视口，它将保持与光标的粘性

谢谢大家!

为mouseleave设置全局事件 使用

useState

在应用程序级别设置状态。这可以传递给依赖于鼠标位于视口中的组件。然后触发某个东西来“释放”被拖动的对象

document.addEventListener("mouseleave", (event) => {
  setState({inViewport: false})
}

---

在本例中，将状态传递给组件。

好，Joe！我曾试图通过黑客手段“释放”被拖动的对象，但这是真正的挑战——例如，乍一看，鼠标点击页面主体似乎可以很好地工作，但在编程上什么都没有发生。指向代码的链接现在似乎死了。你能编辑你的问题以包含代码吗？