如何使蓝图对话框可拖动以进行反应？

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

然后，您需要将这些协调人作为对话的起点。您可能需要根据需要对上述功能进行一些改进。