如何通过反应使 blueprintJs 对话框可拖动？

Question

我有一个 react-big-calendar 和一个按钮 create，当我点击它时，我会打开一个蓝图对话框，我希望它可以拖动到任何地方。

我的对话是：

我的代码是：

https://codesandbox.io/s/sharp-shockley-tt9bc

如何使它可拖动？

Answer 1

你需要做的是： 1.使Dialog的div可拖动为 2.在同一个div上应用onDrag事件，并传递一个函数，函数会做这样的事情：

handleDragEvent = (event) => {
    this.setState({
        positionX: event.clientX,
        positionY: event.clientY,
    })
}

然后你需要把这些坐标作为你的对话的起始位置。您可能需要根据需要对上述功能进行一些改进。