react antd select支持下拉搜索

最新推荐文章于 2024-04-19 10:28:08 发布

Do vis~

最新推荐文章于 2024-04-19 10:28:08 发布

阅读量612

点赞数

文章标签： react.js javascript 前端

本文链接：https://blog.csdn.net/gittt/article/details/130339870

版权

  // 过滤方法
const filterOption = (input: string, option: { value: any; label: any; }) => {
  const { value, label } = option;
  return (
    value?.toLowerCase().indexOf(input.toLowerCase()) >= 0
     || label?.toLowerCase().indexOf(input.toLowerCase()) >= 0
  );
  }
 //下拉搜索框
<Select
        allowClear
        showSearch
        // showArrowf
        placeholder="请选择"
        onChange={changeHandle}
        onSearch={searchHandle}
        onBlur={blurHandle}
              options={department?.map((item: { sourceName: any; sourceCode: any; }) => ({ label: item?.sourceName, value: item?.sourceCode }))}

      >
      </Select>