Как добавить ребенка в позицию курсора в reactjs

Question

Я добавляю дочерний элемент после удаления в контейнере. Но данные не добавляются в позиции курсора. Как это сделать в reactjs

 drop(event) {
      event.preventDefault();
      var data = event.dataTransfer.getData("Text");
      event.target.appendChild(document.getElementById(data));
    }

Answer 1

Вот примеры кодов и код коробки для реализации Drag and drop с использованием React.

https://codesandbox.io/s/tender-sanderson-so76x

Надеюсь, это поможет.