React-Draggable可拖动组件
React-Draggable 让你可以轻松实现拖动功能，直接将元素拖来拖去，体验感蛮不错的。这个库支持 React 16.3+，使用起来比较简单，只需要通过npm install react-draggable安装一下就行。最重要的是，它的 API 也挺友好的，可以根据需求选择受控和非受控模式，让你更灵活地管理拖动行为。通过这个库，你可以在项目中添加拖动功能，比如可拖动的面板、卡片等 UI 组件，基本不会有太大难度。如果你用的 React 版本符合要求，直接上手试试吧！
如果你不使用browserify/webpack，可以直接用 UMD 版本，这个版本需要你自己手动更新。安装好之后，你就能直接在 React 组件中使用Draggable组件，像设置其他普通组件一样，拖动效果就能生效。官方文档和示例也丰富，你快速入门。
不过，如果你需要更复杂的拖动排序，需要看看其他更专业的库。React-Draggable 主要适用于拖动场景，挺适合用在 UI 组件、弹窗、卡片等位置调整上。
文件大小：154.39KB
评论区