如何实现Ant Design中的可编辑树功能？

本文共计1226个文字，预计阅读时间需要5分钟。

前言：最近在用Ant Design写一个后台，遇到的需求是实现一个可动态增减和编辑子节点的Tree组件。GitHub上看了很多圈，没找到好用的和合适的。于是基于Ant Design中的Tree组件，写了一个。

实现效果：可动态增减和编辑子节点的Tree组件。

前言

最近在用Ant Design写一个后台，遇到的需求就是实现一个可动态增减和编辑子节点的Tree。GitHub上看了一圈，没好用和合适的。索性就基于Ant Design中的Tree组件写一个。

实现的效果如下：

可以增加子节点

可以删除子节点

可以编辑子节点信息

可以取消编辑信息

具体的效果图如下：

主要的就是借助 TreeNode 的 title 属性，它的类型是string|ReactNode。