antd select 等组件可搜索问题

Select 添加 showSearch 属性可以实现搜索功能，但是这个搜索是搜的Select的value值的,但是value值在页面上是看不到的

一般用户搜索的是下拉框显示看到的内容，所以需要加上 optionFilterProp=“children” 这个属性就可以搜索看到的内容了

<SelectshowSearchoptionFilterProp="children"
>{options.map((item,index)=><Option key={index} value={item.id}{item.name}</Option>)}
</Select>

antd select 等组件可搜索问题相关推荐

支持大数据渲染下拉列表组件开发 SuperSelect(基于antd Select)
功能简介 antd 的 Select 组件不支持大数据量的下拉列表渲染,下拉列表数量太多会出现性能问题, SuperSelect 基于 antd 封装实现,替换原组件下拉列表,只渲染几十条列表数据,随 ...
antd Select组件和 Dropdown组件踩坑·记
目录一.踩坑记 1.Select 组件需要显示 value 但传递给后台的是 key 2.Select 组件或 Dropdown 组件下拉框随页面上下滑动的问题 3.Select 组件滑动下拉框数据 ...
antdpro 中使用 antd select 组件，defaultValue 与 value 使用问题
背景简而言之,就是业务需求中虽然使用了 ProTable,但是表格列中有处理人,处理状态等需要下拉框显示的,于是用了 render 方法,结合 antd select 组件来实现. 原本是打算用 P ...
antd Select 使用动态数据渲染选择项
2021年 11月30 日晴今天的天气比较好,星期天,也没有出去,最近在学习react,我也不知道学习这个有什么样的作用,其实我现在的工作是比较偏重于后端以及服务器相关的东西,但是总是想做个比较好 ...
微信小程序--自定义组件之搜索框
组件:搜索框功能:根据输入框输入值进行模糊查询并在下方滑动框中显示功能图: component.wxml   &l ...
react 封装表格组件_GitHub - lzq741167479/react-antdTable-secondEncapsulation: antd Design 表格组件二次封装...
react 表格组件使用说明基础使用 import ITable from '@/components/Table/index'; { "result":true, " ...
关于antd Select 限制选择个数的解决方案
关于antd Select 限制选择个数的解决方案参考文章: (1)关于antd Select 限制选择个数的解决方案 (2)https://www.cnblogs.com/weblinda/p/9 ...
antd select 下拉菜单的 style 属性_如何优雅地彻底解决 antd 全局样式问题
背景由于某些原因,我们团队负责在 GitLab 上做二次开发,简单理解就是在 GitLab 上挂个 DOM 渲染用 React 写的一些组件,组件库选择了 antd,尴尬的是引入之后发现,GitLa ...
html表单中动态添加下拉框,antd Select下拉菜单动态添加option里的内容操作
antd Select下拉菜单动态添加option里的内容,通过form表单绑定select选中的值提供一个公共的方法,每次只需去调用这个方法就行了 //这里是示例数据格式 let giftScop ...

antd select 等组件可搜索问题

antd select 等组件可搜索问题相关推荐

最新文章

热门文章