treeselect 清空销毁树_antd———Tree结构之探索遍历及删除

前言：笔者在前端开发过程中遇到关于树的问题，把antd官方的Tree组件直接拿下来用了，刚开始其他方法都还好，当需求中写个节点的删除功能的时候，因为算法功底不好，导致此功能实现不了，所以有了此文

背景

前端项目是react+umi+antd，这个用过的都知道好，不做赘述，笔者先找到了这个antd官方提供的Tree组件

export default class MyTree extends React.Component {

state = {

treeData: [

{

key:'1',

title:"第一部分",

children:[

{key:'1-1',title:"一、二级标题",},

{key:'1-2',title:"二、二级标题",},

{key:'1-3',title:"三、二级标题",},

{key:'1-4',title:"四、二级标题",}

]

},

{

key:'2',

title:"第二部分",

children:[

{

key:'2-1',

title:"一、二级标题",

children:[

{key:'2-1-1',title:"(一)三级标题",},

{key:'2-1-2',title:"(二)三级标题",},

{key:'2-1-3',title:"(三)三级标题",},

]

},

{

key:'2-2',

title:"二、二级标题",

children:[

{key:'2-2-1',title:"(一)三级标题",},

{key:'2-2-2',title:"(二)三级标题",}

]

},

{

key:'2-3',

title:"三、二级标题",

children:[

{key:'2-3-1',title:"(一)三级标题",},

{key:'2-3-2',title:"(二)三级标题",},

]

},

{

key:'2-4',

title:"四、二级标题",

children:[

{key:'2-4-1',title:"(一)三级标题",},

{key:'2-4-2',title:"(二)三级标题",},

]

},

{

key:'2-5',

title:"五、二级标题",

children:[

{key:'2-5-1',title:"(一)三级标题",},

{key:'2-5-2',title:"(二)三级标题",},

]

},

]

},

{

key:'3',

title:"第三部分",

children:[

{

key:'3-1',

title:"一、二级标题",

children:[

{key:'3-1-1',title:"(一)综合医院",},

{key:'3-1-2',title:"(二)重点专科医院",},

]

},

{

key:'3-2',

title:"二、二级标题",

children:[

{key:'3-2-1',title:"(一)三级标题",},

{key:'3-2-2',title:"(二)三级标题",},

]

},

{

key:'3