搜索 Ant Design Tree 按标题选择

【问题标题】：Search Ant Design Tree Select by Title搜索 Ant Design Tree 按标题选择
【发布时间】：2020-02-18 07:50:15
【问题描述】：

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

【问题讨论】：

标签： javascript reactjs frontend ant-design-pro

【解决方案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 属性来提供自定义过滤器功能，但对于标准功能，它应该是不需要的。

【讨论】：