React+hooks+antui封装一个带搜索功能的picker

Posted 发奋图强_lee

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了React+hooks+antui封装一个带搜索功能的picker相关的知识,希望对你有一定的参考价值。

先看一个效果图:

 功能主要有:
1,点击tab,强出picker组件出来
2,搜索功能
3,点击某一项,把数据塞回tab
4,点击遮罩关闭,
5,打开已选择项,定位回到被选中的item

看代码注释不

 

用法 

  ================================================

付费解决前端问题:

以上是关于React+hooks+antui封装一个带搜索功能的picker的主要内容,如果未能解决你的问题,请参考以下文章

React+hook+ts+ant design封装一个input和select搜索的组件

react AntUI(table组件使用案例)

2-2-9 & 10 & 11 React Hooks 封装公共行为

Antd使用timePicker封装时间范围选择器(React hook版)

react+ts+hook封装一个table分页组件(建议收藏,直接使用)

用React Hooks做一个搜索栏