我有一个react-big-calendar和一个创建按钮,当我点击它时,我会打开一个蓝图对话框,我希望它可以拖动到任何地方。
我的代码是:
https://codesandbox.io/s/sharp-shockley-tt9bc
如何使其可拖动?
最佳答案
你需要做的是: 1. 使Dialog的div可拖动为 2. 在同一个div上应用onDrag事件,并传递一个函数,该函数将执行以下操作:
handleDragEvent = (event) => {
this.setState({
positionX: event.clientX,
positionY: event.clientY,
})
}
然后您需要将这些坐标作为对话的起始位置。您可能需要根据您的需要对上述功能进行一些修改。
关于javascript - 如何使用 React 使 blueprintJs 对话框可拖动?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/58389645/