需求说明

当点击编辑按钮后,进入可拖拽状态,可将筛选条件的位置进行调整
使用遮罩避免触发搜索框

收集所有的筛选项,绑定拖拽事件


筛选项交换后记录位置到本地

下次render前根据保持的位置信息做调整

遇到的问题:
直接使用domApi做交换处理,打乱了react的树结构,会报错。这里通过key值强制react重新生成dom结构

需求说明
当点击编辑按钮后,进入可拖拽状态,可将筛选条件的位置进行调整
使用遮罩避免触发搜索框
收集所有的筛选项,绑定拖拽事件
筛选项交换后记录位置到本地
下次render前根据保持的位置信息做调整
遇到的问题:
直接使用domApi做交换处理,打乱了react的树结构,会报错。这里通过key值强制react重新生成dom结构
本文标题:react--实现拖拽功能
本文链接:https://www.haomeiwen.com/subject/ohuehrtx.html
网友评论