背景:前端的小伙伴经常在开发antd Select的时候后端不提供搜索模糊搜索接口,而是全量返回数据,这个时候就需要我们前端自己来写一个模糊搜索了。
效果
代码截图
代码
<Select
showSearch
mode="multiple"
options={studioList}
filterOption={(input, option) => {
return option.label.indexOf(input) >= 0;
}}
maxTagCount="responsive"
placeholder="请选择工作室">
</Select>
注:本人前端小白 ,如有不对的地方还请多多指教