拖放反应

Question

我正在使用 react-draggable 来实现拖放功能。

我必须将一个组件 (A) 拖到另一个组件 (B) 中：如何获得与 B 相关的最终 A 位置？

Answer 1

计算每个与屏幕相关的位置并进行比较

const aRect = a.getBoundingClientRect();
const bRect = b.getBoundingClientRect();

if(aRect.right > bRect.right) {
    // a start after b
}
if(aRect.top > bRect.top) {
   // a start under b
}

// etc.

Answer 2

您可以通过使用 document.getElementById('') 获取变换和平移 属性 并获取变换和平移来获取组件 A 的位置。 你需要创建一个函数来获取可拖动对象的 css onDrag。