Javascript 如何使blueprintJs对话框可通过react拖动?

Javascript 如何使blueprintJs对话框可通过react拖动?,javascript,reactjs,draggable,blueprint,react-big-calendar,Javascript,Reactjs,Draggable,Blueprint,React Big Calendar,我有一个大日历和一个按钮创建,当我点击它,我有一个蓝图对话框将被打开,我想这将是任何地方都可以拖动 我的对话是: 我的代码是: 如何使其可拖动 你要做的是: 1.使对话框的div可拖动为 2.在同一个div上应用onDrag事件,并传递一个函数,该函数将执行如下操作: handleDragEvent = (event) => { this.setState({ positionX: event.clientX, positionY: event.c

我有一个大日历和一个按钮创建,当我点击它,我有一个蓝图对话框将被打开,我想这将是任何地方都可以拖动

我的对话是:

我的代码是:

如何使其可拖动

你要做的是: 1.使对话框的div可拖动为 2.在同一个div上应用onDrag事件,并传递一个函数,该函数将执行如下操作:

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

然后你需要给你的对话添加这些Cooridate作为开始位置。您可能需要根据需要对上述功能进行一些润色。

您可以使用react rnd package进行拖动和调整大小。@chauhanamit我使用过它,但它不起作用。如何在对话框中使用它?当您检查模型时,您有一个class=bp3 overlay bp3 overlay open bp3 overlay scroll container,您必须覆盖它并删除位置:绝对并删除它。运用你自己的保证金制度。并应用与状态“位置X”和“位置Y”中相同的“上边距”和“左边距”值。