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是后端给我写了模糊搜索,相当于我只需要调取他的接口然后重新渲染数据就好了。