javascript - 通过 React 进行拖放

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.