使用 showSearch=true 可以开启 antd design 下拉控件的搜索功能,此时的搜索关键字为 value 的值。
一般我们需要根据 title 的值来进行过滤,则需要添加 filterOption
filterOption={(input, option) =>
option.props.children.toLowerCase().indexOf(input.toLowerCase()) >= 0
}
<Select
showSearch
style={{ width: 200 }}
placeholder="Select a person"
optionFilterProp="children"
filterOption={(input, option) =>
option.props.children.toLowerCase().indexOf(input.toLowerCase()) >= 0
}
>
<Option value="01">Jack</Option>
<Option value="02">Lucy</Option>
<Option value="03">Tom</Option>
</Select>,