拖动端的Firefox不会在react组件中调用

Question

我正在尝试使用HTML5在React组件中拖放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文档.