Firefox 的拖拽端不会在 React 组件中被调用

Question

我正在尝试使用 React 组件内的 HTML5 拖放 api 来实现真正基本的拖放功能。我只需要在拖动开始和结束时收到通知。虽然这在 Chrome 和 IE11 中工作正常，但我在最新的 Firefox 中没有收到任何拖动结束的通知。您可以在此处查看示例

http://jsbin.com/lifico/edit?js,console,output

有什么想法吗？

Answer 1

在 Firefox 中，当拖动开始时，您需要在事件的 dataTransfer 成员中设置一些数据。在你的情况下，你可以只设置一个空字符串:

onDragStart={(e) => {
             e.dataTransfer.setData('text',''); 
             console.log('drag start');}}

请参阅MDN documentation 。