antd 表格树如何展开_antd的Tree控件实现点击展开功能

antd 的 Tree 控件没有提供点击展开的功能，只能通过左边的三角形实现展开和收起，没办法只好自己实现这个功能。

截图.gif

如图实现的是类似 Mac 文件目录形式的结构，有箭头代表是个文件夹，点击展开文件夹，点击外层文件夹可以收起整个文件夹。

首先根据服务器返回的 Json 数据生成树形结构

const data = {

name: "root",

children: [{

name: "a",

value: "/a",

children: [{

name: "file_1",

value: "/a/file_1"

}, {

name: "a_1",

value: "/a/a_1",

children: [{

name: "file_2",

value: "/a/a_1/file_2"

}, {

name: "file_3",

value: "/a/a_1/file_3"

}]

}, {

name: "a_2",

value: "/a/a_2",

children: [{

name: "file_4",

<