antd中treeSelect的filterTreeNode用法--节点搜索
以下图为例,树形搜索展开后,有以下几个选项,如果我想要搜索其中“产品中心”,那直接搜索关键词‘产品’即可
我搜索后并未显示我想要的结果,而是为空
这就需要用到 filterTreeNode
这个属性了。
官方介绍:是否根据输入项进行筛选,默认用 treeNodeFilterProp 的值作为要筛选的 TreeNode 的属性值;boolean | function(inputValue: string, treeNode: TreeNode) (函数需要返回 bool 值)
添加filterTreeNode属性,
filterTreeNode={(inputValue, treeNode) => {
return treeNode?.name.indexOf(inputValue) > -1;
}}
//这里name要看treeNode节点的结构是什么样了,可以是title,value
结果展示