搜索 Ant Design Tree 按标题选择

Question

Ant设计的Tree select默认按值搜索，有没有办法按标题搜索？我尝试过使用onSearch函数，但它不会改变树选择的任何行为

Answer 1

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

<TreeSelect

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

/>

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

Answer 2

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

例子：

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

Answer 3

实际上有一个更好、更简单的方法来做到这一点，即提供treeNodeFilterProp，直接用于过滤。它的默认值为“value”，您只需将其更改为“title”即可实现所需的行为。