• 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来提供拖拽能力

相关链接

• antd 社区精选组件
• 组件趋势对比