React 拖拽组件对比

From zenoven on 2018-12-27 20:23:19

react-dnd
- react 友好
- 组件间解耦
  - Describing the dragged data as a plain object helps you keep the components decoupled and unaware of each other.
- 功能丰富
- 概念较多，使用较复杂
  - drag source
  - drop target
  - backend
  - ...
- 需要IE 10+
react-beautiful-dnd
- 是为垂直和水平列表专门构建的更高级别的抽象，没有提供 react-dnd 提供的广泛功能
- 外观漂亮，可访问性好，物理感知让人感觉更真实的在移动物体
- 开发理念上是拖拽，不支持copy/clone
  - Copy/clone instead of move?
react-sortable-hoc
- 不支持拖拽到另一个容器中？
- 未看到copy/clone
react-draggable
- 只是对组件的一个wrapper来提供拖拽能力

查看完整版本： React 拖拽组件对比

Tags: