搜索蚂蚁设计树按标题选择

Question

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

Answer 1

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

示例：

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

Answer 2

实际上，有一种更好和更简单的方法是提供treeNodeFilterProp，它直接用于过滤。其默认值为“值”，您可以将其更改为“标题”即可实现所需的行为。

Answer 3

仅需详细说明@Oliver提供的答案，即可添加以下道具：

<TreeSelect

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

/>

您可以使用filterTreeNode道具来提供自定义过滤器功能，但对于标准功能则不需要。