ant design TreeSelect搜索

解决

<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。