Ant Design 中TreeSelect选中显示全路径

实现效果：

1.Ant Design默认没有这样的配置。
2.但Ant Design可以设置显示的字段名称。treeNodeLabelProp配置项。

3.有了可以设置的配置项，那么我们可以通过构建数据完成。也就是在数据中添加一个显示全名称的属性。即：

// 在数据中递归构建出显示全名称的label字段。（label可以为其他名称）
const departmentLists =[
      {
        title: '人力资源部',
        label:'人力资源部',
        value: '1',
        key: '1',
        children: [
          {
            title: '专家',
            value: '2',
            label:'人力资源部-专家',
            key: '2',
          },
          {
            title: '员工服务',
            value: '3',
            label:'人力资源部-员工服务',
            key: '3',
          },
        ],
      },
      {
        title: '科技中心',
        value: '4',
        label:'科技中心',
        key: '4',
      },
    ];

// 页面配置如下
<TreeSelect
treeDataSimpleMode
dropdownStyle={{ maxHeight: 400, overflow: 'auto' }}
treeData={this.state.treeData}
placeholder="deptName"
labelInValue={true}
treeNodeLabelProp="label"   // 配置这个即可
loadData={this.onLoadTreeData}
/>