Javascript 获取'；下降'；使用React从onDrop回调中删除div

onDrop事件是在React组件中触发的，但由于它是一个合成事件，因此事件的参数似乎只包括丢弃的div的目标，而不是丢弃的div本身。我需要引用掉的div。所有通过参数返回的都是这个对象：

SyntheticDragEvent{dispatchConfig:object，dispatchMarker:“.0”，nativeEvent:mouseeEvent，type:“drop”，target:div.col-sm-3.drop area…}

---

有人知道检索源而不仅仅是目标的方法吗？

您可以使用

nativeEvent

属性从任何

SyntheticEvent

获取本机事件。从那里，您应该能够访问正常事件中的任何内容。例如，使用

SyntheticEvent.nativeEvent

可以访问

.dataTransfer

.currentTarget

.target

.relatedTarget等等。

SyntheticEvent.nativeEvent.target

是您要找的对象，我想。

如果没有看到代码，我不能肯定，但是您可以在dragStart上设置TransferData，并且可以从本机事件获取传输数据。给它一个合适的名称，比如setData（'myObject'，datagoesher）；您可以在另一端的transferData上调用getData。另外，请确保dragenter事件的Dropable div中返回false，以便dragenter事件有资格丢弃项目。