react拖拽第三方庫的學習(react-dnd,react-beautiful-dnd,react-sortable-hoc)


在項目中遇到了拖拽需求,看了一些流行的拖拽庫,最終使用了react-beautiful-dnd

 

react-dnd star17.4K

 

 

react-beautiful-dnd star26.7K

 

 

 

 

react-sortable-hoc star9.9k

 

 

 

 

 

三者都在項目中測試了下,

reat-dnd 在項目中快速拖拽時一直報錯,"Invariant Violation: Expected targetIds to be registered."在他的issue中也有好多人反應這個問題,雖然有修復過但是並沒有完全修復,在overStack中也並沒有找到好的解決方案。

 

react-beautiful-dnd更好一些沒什么問題,使用起來很流暢,唯一的缺點我感覺是庫大了一些,比其他兩個的包要更大些

 

react-sortable-hoc在page列表過長,需要滑動的列表中拖拽時,滑動后位置不匹配會發生偏移

 


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM