react组件中未调用drag端的Firefox

react组件中未调用drag端的Firefox,firefox,drag-and-drop,reactjs,Firefox,Drag And Drop,Reactjs,我试图在React组件中使用HTML5拖放api实现一个真正基本的拖放功能。我只需要在拖动开始和结束时得到通知。虽然这在Chrome和IE11中运行良好,但在最新的firefox中,我没有收到任何关于drag end的通知。你可以在这里看到一个例子 有什么想法吗?在Firefox中,当拖动开始时,需要在事件的dataTransfer成员中设置一些数据。在您的情况下,只需设置一个空字符串: onDragStart={(e) => { e.dataTransfer.

我试图在React组件中使用HTML5拖放api实现一个真正基本的拖放功能。我只需要在拖动开始和结束时得到通知。虽然这在Chrome和IE11中运行良好,但在最新的firefox中,我没有收到任何关于drag end的通知。你可以在这里看到一个例子


有什么想法吗?

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

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

是的,这为我解决了问题。不幸的是,我不能投票作为答案,只要它解决了你的问题就行。干杯