Antd的Select如何设置能够输入筛选

如何实现能够搜索

我们在用React写前端界面时经常使用antd的UI组件库, 那么在使用Select的时候, 选项比较多, 我们想实现通过输入来筛选选项. 如何实现呢.

这里就是需要修改的属性

我们只需要把showSearch设置为true即可

但是此时你会发现, Select组件是按照筛选项的value来筛选的. 而我们需要的是按照筛选项的显示的内容来筛选, 这时候该如何设置呢

如何实现对内容搜索

可以进行一个属性的设置, 如下图


修改为按照内容搜索筛选

即把optionFilterProp的值修改为children即可

©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成，浏览时请结合常识与多方信息审慎甄别。
平台声明：文章内容（如有图片或视频亦包括在内）由作者上传并发布，文章内容仅代表作者本人观点，简书系信息发布平台，仅提供信息存储服务。

相关阅读更多精彩内容

  • Java初级面试题
    1. Java基础部分 基础部分的顺序：基本语法，类相关的语法，内部类的语法，继承相关的语法，异常的语法，线程的语...
    子非鱼_t_阅读 34,803评论 18赞 399
  • Spring Cloud
    Spring Cloud为开发人员提供了快速构建分布式系统中一些常见模式的工具（例如配置管理，服务发现，断路器，智...
    卡卡罗2017阅读 136,665评论 19赞 139
  • Android - 收藏集
    Android 自定义View的各种姿势1 Activity的显示之ViewRootImpl详解 Activity...
    passiontim阅读 179,263评论 25赞 708
  • 让您充满魅力的十大说话技巧
    言语是心灵的图画——《人生格言》 （根据人民网图片内容整理） 说话是一门艺术，让语言充满魅力给人们美好的回忆或启迪...
    元沌阅读 414评论 0赞 0
  • 天空的树叶
    三月的一个早晨，一串清脆婉转的黄鹂歌声把我从久久的冬眠中唤醒。我睁开眼睛好奇的欣赏着这世界。三月的早晨，天...
    BlueCute阅读 318评论 0赞 2

友情链接更多精彩内容