Я работаю над перетаскиванием в реагировать. Я могу успешно перетащить компонент из одного подразделения в другое. Но при перетаскивании компонента из родительского подразделения компонент отображается в родительском подразделении. Когда я удаляю компонент к целевому подразделению, тогда компонент исчезнет из родительского подразделения. Мое требование состоит в том, чтобы сделать компонент видимым только один раз, т.е. когда я начинаю перетаскивать, он должен исчезнуть из родительского подразделения. Как я могу достичь этого. Ниже приведен код для достижения перетаскивания. Помощь будет оценена.
dragStart(event) {
var bg=document.getElementById("bg")
bg.style.transform=null
event.dataTransfer.setData("Text", event.target.id);
}
allowDrop(event) {
event.preventDefault();
}
drop=(event)=> {
event.preventDefault();
var data = document.getElementById(event.dataTransfer.getData("Text"));
event.target.appendChild(data);
data.style.position="fixed";
data.style.left = (event.clientX - data.clientWidth / 2) + "px";
data.style.top = ( event.clientY- data.clientHeight / 2) + "px";
console.log(event.target.getBoundingClientRect())
console.log(event)
}