【避坑指“难”】antd select 模糊搜索

 		<Select
              allowClear
              showSearch
              filterOption={(input, option) => {
                if (option && option.title) {
                  return option.props.children.toLowerCase().indexOf(input.toLowerCase()) >= 0
                } else {
                  return true
                }
              }}
              defaultActiveFirstOption={false}
              onChange={handleSourceChange}
              placeholder="请选择"
              style={{ width: 280 }}
            >
              {list?.map((v: any) => {
                return (
                  <Select.Option value={v.id} key={v.id} title={v.name}>
                    {v.name}
                  </Select.Option>
                );
              })}
		</Select>

⚠️注意：Select.Option一定要配置title，否则是无法模糊匹配的。

<Select.Option value={v.id} key={v.id} title={v.name}>
       {v.name}
</Select.Option>