react ant protable自定义搜索下拉框

1、背景

select选择框很常见，这里实现 react ant protable实现自定义搜索下拉框

2、coding

    const [selectEnum, setSelectEnum] = useState({});const asyncFetch = () => {fetch('https://localhost/api/search_list').then((response) => response.json()).then((json) => setSelectEnum(json.data)).catch((error) => {console.log('fetch data failed', error)});};// 页面刷新，自动发一次请求useEffect(() => {asyncFetch()}, []);// 防抖搜索设备const handleSearch = debounce((val)=> {const dispatch = async (params) => {console.log("params=", params)const data = await post("https://localhost/api/search_list", {body: params})if (data) {setSelectEnum(data)}return {data: Array.from(data),success: true,}}dispatch({search_key_worlds: val}).then()}, 1000)   const columns = [{title: "bookName",dataIndex: "bookName",hiddenInTable: true,initialValue: "Nginx大全",renderFormItem: () =>{// let list = [{"id": 0, "name": "Nginx大全"}, {"id": 1, "name": "Java从入门到精通"}]let list = Array.from(selectEnum);const options = list.map(item => <option key={item.id}>{item.name}</option>);return (<Selectkey="searchSelcet"showSearchplaceholder="请输入关键字搜索"filterOption={false}onSearch={handleSearch}>   {<><option key="" value="">全部</option></>}{options}</Select>)}}]

react ant protable自定义搜索下拉框相关推荐

vue uniapp 微信小程序搜索下拉框模糊搜索
vue uniapp 微信小程序搜索下拉框模糊搜索话不多说直接贴代码 template <template><view class="index"> ...
layui 数据表格下拉框_layui-table-column-select（layui数据表格可搜索下拉框select）
layui-table-column-select 在layui table的基础上对表格列进行扩展:点击单元格显示可搜索下拉列表. 码云地址:https://gitee.com/kkk12/layu ...
关键词SEO相关搜索/下拉框/优化系统/按天扣费系统全开源
介绍: 关键词SEO相关搜索/下拉框/优化系统/按天扣费系统全开源系统支持关键词相关搜索.下拉框优化点击搜索支持:微信.宝.易宝这个系统是对接第三方的,本身没有优化功能的网盘下载地址: htt ...
layui 带按钮的搜索框_layui table可输入关键字搜索下拉框（select）
layui-table-column-select 在layui table的基础上对表格列进行扩展:点击单元格显示可搜索下拉列表. 一.介绍此项目是为了解决layui table表格单元格(col ...
下拉搜索词api接口、淘宝搜索下拉框选词api，淘宝下拉词接口，淘宝搜索的下拉词推荐接口、关键词推荐api
一.下拉搜索框选词api介绍淘宝搜索下拉框选词是通过淘宝.天猫.手机润宝搜索下拉框查询淘宝搜索指数高.流量高.转化率高的关键词,并获取各关键词对应的在线相关宝贝数量及其推荐属性词.对于查询到的这些关 ...
下拉 html 实现原理,百度搜索下拉框实现技术原理分析
问:百度搜索下拉框关键词是怎么来的,下拉框实现技术原理分析一下. 来自百度站长平台的站长回答: 对于词的研究,想必每个seoer都知道,而除了比较热门的百度相关搜索词之外,百度下拉框关键词应该也是不少 ...
微信小程序搜索下拉框排名原理及使用方法「干货」
自从2017年1月份微信推出小程序以来,小程序的火热程度大家是有目共睹的,从一开始的精确搜索,到后面的模糊搜索,小程序的更新速度远远超过了外界的期待!虽然小程序目前已经有五十几个入口,但是关键词搜索这 ...
【Python与SEO】搜狗微信搜索下拉框词采集多线程/异步采集源码公布
随意写了一下,更多可关注本渣渣微信公众号:二爷记!! 欢迎与本渣渣交流!!! 运行效果: 搜狗微信搜索下拉框词采集核心代码参考: #微信搜索下拉词采集 #首发:微信公众号:二爷记 #author:微信 ...
bootstrap搜索下拉框：bootstrap-select
实现bootstrap搜索下拉框,本文采用bootstrap-select插件:bootstrap-select插件依赖jquery1.8+和bootstrap, 所以需要先引入jquery和boot ...

react ant protable自定义搜索下拉框

1、背景

2、coding

react ant protable自定义搜索下拉框相关推荐

最新文章

热门文章