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