Bee AntJared's Blog

FE前端

BE后端

DB数据库

OPS运维

Snippet代码片段

Note笔记

I'm also on

GitHubIf you code

MailIf you talk

RSSIf you subscribe

About.meIf you recommend

Ant Design Table中通过拖拽Tree结构数据结点产生新的Tree结构映射的效果实现


需求描述

  • 通过antd table展示tree结构

  • 拖拽出源数据tree的行

  • 放置于目标数据tree的行

  • 更新目标数据tree,形成新的tree映射

完成后效果:antd-tree-table-dnd

主要依赖

实现思路

Drag逻辑

删除源数据的Tree结点

Drop逻辑

新增目标数据的Tree结点