Javascript 如何在reactjs中的光标位置追加子项

我在放入容器后追加一个子项。但是数据没有追加到光标位置。在reactjs中如何追加

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

---

下面是使用React进行拖放实现的示例代码沙盒代码

希望这有帮助