ant design TreeSelect支持搜索，切换value和title属性

《前端开发面试题进阶秘籍》：前端登顶-前端知识点梳理

解决

<TreeSelect
  showSearch
  style={{ width: 300 }}
  dropdownStyle={{ maxHeight: 400, overflow: 'auto' }}
  treeData={treeData}   // 后端返回的json数据，渲染页面
  placeholder="请输入"
  onChange={() => this.onChange}
  treeNodeFilterProp="title"  // 官网解释说，输入项过滤对应的 treeNode 属性，默认是’value‘，
  而我们的value可能是number，搜索就会出错；我们设置成title，搜索就改成了我们的文字搜索。
/>

默认属性解决办法就是treeNodeFilterProp切换title和value过滤搜索。扩展treeNodeLabelProp属性，作为显示的 prop 设置，默认是title，选中下拉选项，展示title，或者value。