在 antd 中 Select 组件 默认只会按 value 进行筛选过滤。
但是如果需要根据 value 和 laber 进行模糊搜索需要做额外的配置。如下操作:

设置Title属性

  1. <Select>
  2. <Option
  3. key={item.id}
  4. title={item.name} // 增加该项
  5. value={item.id}>
  6. {item.name}
  7. </Option>
  8. </Select>

设置 filterOption

  1. filterOption={(input, option) => {
  2. if (option && option.props && option.props.title) {
  3. return option.props.title === input || option.props.title.indexOf(input) !== -1
  4. } else {
  5. return true
  6. }
  7. }}

完成以上设置即可进行按展示的title进行搜索了。