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列表过长，需要滑动的列表中拖拽时，滑动后位置不匹配会发生偏移