react antd组件selec 单选下拉框实现模糊搜索

react antd from Select单选下拉框实现模糊搜索

我这里是from表单里面套的一个Select下拉框，直接上代码。

` <Select

key={‘issueOrganizationId’}

placeholder=“请选择下发单位(单选)”

filterOption={false}//这个过滤一定要设置为fasle要不然功能不实现，

onSearch={handleSearchFront1}

showSearch //使单选框可以输入文字

>{data.map(item => (<Option key={`${item.id}||${item}`} value={item.id}>{item.name}</Option>))}</Select>`

data的数据就在onSearch的时候请求后端接口，把onSearch获取到输入框的值传过去给后端就好了，切记住加一个防抖，要不然onSearch没触发一次就会请求一次接口

filterOption我这里设置为false是后端给我写了模糊搜索，相当于我只需要调取他的接口然后重新渲染数据就好了。