使用 React 从 onDrop 回调中获取“已删除”div

Question

onDrop 事件是在 React 组件中触发的，但由于它是一个合成事件，因此该事件的参数似乎只包括删除的 div 的目的地，而不包括删除的 div 本身。我需要引用被删除的div。通过参数返回的所有内容都是这个对象：SyntheticDragEvent {dispatchConfig: Object, dispatchMarker: ".0.0", nativeEvent: MouseEvent, type: "drop", target: div.col-sm-3.drop-area\xe2\x80\xa6}\n有人知道检索源而不仅仅是目标的方法吗？

\n

Answer 1

SyntheticEvent您可以从任何具有该属性的地方获取本机事件nativeEvent。从那里您应该能够访问正常事件中可以访问的任何内容。因此，例如，使用SyntheticEvent.nativeEvent可以让您访问.dataTransfer .currentTarget .target .relatedTarget等， SyntheticEvent.nativeEvent.target我认为这是您正在寻找的。