已解決430363個問題，去搜搜看，總會有你想問的

兩個有沖突的拖放庫

首頁猿問兩個有沖突的拖放庫

兩個有沖突的拖放庫

JavaScript

浮云間 2022-10-13 10:56:40

我們都在使用react-sortable-hoc并且react-dropzone如果在單獨的頁面上它們可以正常工作。但是，在同一頁面上使用react-sortable-hoc時不能正常工作，react-dropzone因為我注意到它react-dropzone也會被react-sortable-hoc. （例如，我不能再在其他項目之間拖動一個項目。）我嘗試添加e.preventDefault()and e.stopPropagation()onreact-sortable-hoc的onSortStart事件，但react-dropzone仍然被觸發。我們可以嘗試什么其他方法讓他們一起玩得很好/不讓對方受到影響？

查看完整描述

2 回答

侃侃無極

TA貢獻2051條經驗獲得超10個贊

如果問題是在放置時引起的（而不是在開始拖動時）： react -dropzone 接管有關文件放置的整個窗口，以防止瀏覽器在用戶錯過放置區域時從當前頁面導航到放置的文件（一個常見的煩惱）。

更具體地說，dragover處理drop程序注冊在document：

document.addEventListener('dragover', onDocumentDragOver, false)
document.addEventListener('drop', onDocumentDrop, false)

如果這是問題，您應該能夠通過將 react-dropzone選項preventDropOnDocument設置為false（默認為true）來規避此問題。

或者，您可以嘗試 react-dropzone選項noDragEventsBubbling，但我認為這會解決相反的問題（在刪除文件時觸發 react-sortable-hoc 事件）

反對回復 2022-10-13

qq_遁去的一_1

TA貢獻1725條經驗獲得超8個贊

我創建了一個沙箱并嘗試重現您在同一組件中同時react-dropzone使用的代碼。react-sortable-hoc而且效果很好，沒有問題。

https://codesandbox.io/s/nifty-ganguly-khswc?file=/src/App.js:1156-1485

反對回復 2022-10-13

2 回答
0 關注
158 瀏覽

關注

添加回答

舉報

0/150

提交

取消

亚洲在线久爱草,狠狠天天香蕉网,天天搞日日干久草,伊人亚洲日本欧美

熱搜

最近搜索清空

兩個有沖突的拖放庫

兩個有沖突的拖放庫

2 回答

添加回答