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

Javascript 搜索蚂蚁设计树按标题选择,javascript,reactjs,frontend,ant-design-pro,Javascript,Reactjs,Frontend,Ant Design Pro,默认情况下,Ant design按值搜索的树选择,是否有按标题搜索的方法? 我尝试过使用onSearch函数,但它不会改变树选择的任何行为您可以通过标题或树数据项的任何其他字段进行搜索,为此有一个回调prop filterTreeNode 例如: <TreeSelect treeData={data} filterTreeNode={(search, item) => { return item.title.toLowerCase().indexOf(search

默认情况下,Ant design按值搜索的树选择,是否有按标题搜索的方法?
我尝试过使用
onSearch
函数,但它不会改变树选择的任何行为您可以通过标题或树数据项的任何其他字段进行搜索,为此有一个回调prop filterTreeNode

例如:

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

通过提供直接用于过滤的
TreeNodeDefilterProp
,实际上有一种更好、更简单的方法。它的默认值是“value”,您只需将其更改为“title”即可实现所需的行为。

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

<TreeSelect

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

/>

您可以使用
filterTreeNode
prop提供自定义筛选功能,但对于标准功能,不需要它