近期在研究react的拖拽插件,特此记录一下:
1. react-dnd
个人觉得优势如下:
可扩展性强,拖拽位置路径,全部可以自定义
缺点:包过大,太重;不适用于简单的一些元素拖拽,感觉更适合用于大场景下多元素拖拽排序等待
2. React-Grid-Layout
一种对元素进行类似于网格布局后,拖拽修改其transform的拖拽组件
主要有两种:
GridLayout: 需要定义宽度
ResponsiveGridLayout: 响应式布局,不需要定义宽度
属于轻量级拖拽组件
优势:
使用简单,封装性强
缺点:
间距,拖拽位置和路径都是组件内部维护状态,不可自定义拖拽位置以及路径。个人感觉简单拖拽场景更适合用。