在 antd 中 Select 组件 默认只会按 value 进行筛选过滤。
但是如果需要根据 value 和 laber 进行模糊搜索需要做额外的配置。如下操作:
设置Title属性
<Select>
<Option
key={item.id}
title={item.name} // 增加该项
value={item.id}>
{item.name}
</Option>
</Select>
设置 filterOption
filterOption={(input, option) => {
if (option && option.props && option.props.title) {
return option.props.title === input || option.props.title.indexOf(input) !== -1
} else {
return true
}
}}
完成以上设置即可进行按展示的title进行搜索了。