文件名称：DragLayout:使用react 和 sortablejs 实现的页面拖拽Demo
文件大小：840KB
文件格式：ZIP
更新时间：2024-08-24 10:12:59
JavaScript
说明 安装 npm install or yarn 项目使用umi脚手架创建的，使用的是Ant Design Pro模板。 启动的时候可能会包bable的版本错误，搜一下换个版本就好了，环境Start，哈哈。 反思 这是一个笨拙的数据结构，你会发现如果使用react来对tree进行渲染和开发时，性能将成为一个瓶颈。 实现思路 现在有很多优秀的拖拽布局工具，，, 。 我们最近也实现了类似的功能，废话不多说，先把预览贴出来（不知道为什么掘金现在图片不支持gif了，还要自己上传到图床）。 在实现这个的功能的过程中，也走了一点弯路，我们内部1.0版本的时候，使用的是sortablejs，由于代码写的比较混乱，拖拽功能经常出现卡死的现象，以为是sortablejs的问题，然后又换成大名鼎鼎的React Dnd，和Redux是同一个作者，但是Dnd并不是太符合我们的需求，拖拽的API确实很强大，但是排