如何将Ant Design的Tree组件编辑功能改写为长尾？

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

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

实现的效果如下：

前言

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

实现的效果如下：

可以增加子节点

可以删除子节点

可以编辑子节点信息

可以取消编辑信息

具体的效果图如下：

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