javascript - 如何使用 React 使 blueprintJs 对话框可拖动？

Question

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

我的对话框是:

我的代码是:

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,
    })
}

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