React 拖拽组件对比

GD Star Rating
loading...
  • 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
  • react-sortable-hoc
    • 不支持拖拽到另一个容器中?
    • 未看到copy/clone
  • react-draggable
    • 只是对组件的一个wrapper来提供拖拽能力

相关链接

React 拖拽组件对比, 5.0 out of 5 based on 2 ratings

发表评论