Javascript 搜索蚂蚁设计树按标题选择
默认情况下,Ant design按值搜索的树选择,是否有按标题搜索的方法?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
我尝试过使用
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提供自定义筛选功能,但对于标准功能,不需要它