搜索 Ant Design Tree 按标题选择

Posted 2023-03-07

【中文标题】搜索 Ant Design Tree 按标题选择

【英文标题】：Search Ant Design Tree Select by Title

【发布时间】：2020-02-18 07:50:15

【问题描述】：

默认情况下，Ant design 的 Tree select 按值搜索，有没有按标题搜索的方法？ 我曾尝试使用onSearch 函数，但它不会改变 Tree Select 的任何行为

【参考方案1】：

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

例子：

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

【参考方案2】：

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

【参考方案3】：

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

<TreeSelect

  showSearch
  treeNodeFilterProp='title'
  treeData=treeData
  ...

/>

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