javascript - 如何在reactjs中将子项追加到光标位置

Question

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

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

Answer 1

这里是使用 React 实现拖放的示例代码和框代码。

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

希望这有帮助。