Перетащите с реагировать

Question

Я использую react-draggable для реализации функции перетаскивания.

Мне нужно перетащить компонент (A) внутрь другого (B): как я могу получить окончательную позицию A, связанную с B?

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

Вы можете получить позицию компа onet A, получив свойство transform и translate с помощью document.getElementById ('') и получить transform и translate. вам нужно создать функцию, которая будет извлекать css onDrag для перетаскиваемого объекта.