你可以通过控制台输出或更新组件状态来验证拖放操作是否按预期工作。 通过以上步骤,你应该能够在React项目中成功使用react-sortablejs来实现拖放排序功能。如果你遇到任何问题,可以查阅react-sortablejs的官方文档或搜索相关的社区讨论和解决方案。
版本的时候,使用的是sortablejs,由于代码写的比较混乱,拖拽功能经常出现卡死的现象,以为是sortablejs的问题,然后又换成大名鼎鼎的React Dnd,和Redux是同一个作者,但是Dnd并不是太符合我们的需求,拖拽的API确实很强大,但是排序、跨级拖拽等好多功能都要自己手动实现,在实现完跨级拖拽以后,老大让我换成了sortablejs...
DragLayout:使用react和sortablejs实现的页面拖拽Demo晴初**nt 上传840KB 文件格式 zip 说明 安装 npm install or yarn 项目使用umi脚手架创建的,使用的是Ant Design Pro模板。 启动的时候可能会包bable的版本错误,搜一下换个版本就好了,环境Start,哈哈。 反思 这是一个笨拙的数据结构,你会发现如果使用react来对...
1、使用npm装包 $ npm install sortablejs --save 2、引入Sortable import Sortable from "sortablejs"; 3、使用方法 {menus && menus.map((item, i) => { return this.renderSelectedItemView(item, i); })} sortableGroupDecorator = componentBackingInstance => { if (componentBackingInstance) { le...
在实现这个的功能的过程中,也走了一点弯路,我们内部1.0版本的时候,使用的是sortablejs,由于代码写的比较混乱,拖拽功能经常出现卡死的现象,以为是sortablejs的问题,然后又换成大名鼎鼎的React Dnd,和Redux是同一个作者,但是Dnd并不是太符合我们的需求,拖拽的API确实很强大,但是排序、跨级拖拽等好多功能都要自己手动...
版本的时候,使用的是sortablejs,由于代码写的比较混乱,拖拽功能经常出现卡死的现象,以为是sortablejs的问题,然后又换成大名鼎鼎的React Dnd,和Redux是同一个作者,但是Dnd并不是太符合我们的需求,拖拽的API确实很强大,但是排序、跨级拖拽等好多功能都要自己手动实现,在实现完跨级拖拽以后,老大让我换成了sortablejs...