Как сделать диалог blueprintJs перетаскиваемым с реагировать?

Question

У меня есть календарь Календарь реакции и кнопка создания, которая, когда я нажимаю на нее, у меня открывается диалоговое окно с чертежом, я хочу, чтобы это можно было перетаскивать в любом месте.

Мой диалог:

Мой код:

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

Как сделать его перетаскиваемым?

Answer 1

Что вам нужно сделать, это: 1. Сделать div из Dialog перетаскиваемым как 2. Применить событие onDrag к тому же div и передать функцию, и функция будет делать что-то вроде:

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

И тогда вам нужно дать эти координаты вашим диалогам в качестве исходной позиции. Возможно, вам потребуется полировка указанной выше функции в соответствии с вашими потребностями.