按标题搜索 Ant Design Tree Select

Question

Ant design默认按值搜索Tree select，有没有办法按标题搜索？ 我尝试使用 onSearch 函数，但它不会改变 Tree Select

的任何行为

Answer 1

您可以按标题或 treeData 项的任何其他字段进行搜索，为此有一个回调属性 filterTreeNode

示例：

<TreeSelect
 treeData={data}
 filterTreeNode={(search, item) => {
        return item.title.toLowerCase().indexOf(search.toLowerCase()) >= 0;
      }}
/>

Answer 2

其实还有更好更简单的方法，就是提供treeNodeFilterProp，直接用于过滤。它的默认值为 'value'，您只需将其更改为 'title' 即可实现所需的行为。

Answer 3

为了详细说明@Oliver 提供的答案，您可以添加以下道具：

<TreeSelect

  showSearch
  treeNodeFilterProp='title'
  treeData={treeData}
  ...

/>

您可以使用 filterTreeNode 属性来提供自定义过滤器功能，但对于标准功能来说不需要它。