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

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

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

2. ` <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>`
   

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

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