antd select组件怎么加搜索

Ant Design (antd) 的 Select 组件默认支持模糊查询功能，你可以通过设置 `optionFilterProp` 和 `filterOption` 来启用搜索。以下是基本配置步骤：

1. 首先，在 Select 组件的属性里添加 `optionFilterProp` 属性，它表示用于筛选选项的关键字字段，默认值是 `['value', 'label']`，这将同时匹配选项的值和标签。

<Select
  optionFilterProp="yourKeyField"
/>

这里 `yourKeyField` 应该替换为你实际的数据中作为搜索关键词的字段名称。

2. 然后，设置 `filterOption` 为一个函数，该函数会根据用户输入的部分文本进行匹配。这个函数通常接受两个参数：当前输入的字符串 `inputValue` 和选项对象 `option`。如果你想要自定义过滤逻辑，可以这样做：

const customFilterOption = (inputValue, option) => {
  // 这里可以根据 inputValue 对 option 的 yourKeyField 字段进行模糊匹配
  const optionValue = option[optionFilterProp];
  return optionValue.toString().toLowerCase().indexOf(inputValue.toLowerCase()) > -1;
};

<Select
  optionFilterProp="yourKeyField"
  filterOption={customFilterOption}
/>