[react]react ant design 节点树自定义 title

实现以下效果

图片：QQ截图20210429190930.jpg

为react ant design 节点树添加自定义title

<Tree checkable loadData={this.onLoadData} treeData={this.state.treeData}
 titleRender={(node)=>{return (
      <span className="titleRender">
         <span>{node.pinPaiMingCheng || node.xiLieMingCheng || node.jingQueXingHao}</span>
         <span className="titleRight">
             <span>添加系列</span>
             <span>修改</span>
             <span>删除</span>
         </span>
      </span>
   )}
}></Tree>

其中，titleRender属性是自定义节点树 title， 会返回一个对象node，是当前行的数据


此外，还需要注意的是，节点树所需的数据里，需要绑定一个 key ，在整个数据结构中不能重复，还需要绑定一个 title ，可以单独显示文字，单独显示文字时可不使用上面的 titleRender 属性 ，直接在数据中加入 title 即可；
key 和 title 是必须，并且还未找到修改配置的办法。


treeData 是一个树形数组，其中有两个必须属性：key，title ，如果该条数据下有子节点，子节点数据的数组名必须叫：children，否则数据会不显示