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

Posted versionli

tags:

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

先看一个效果图:

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

看代码注释不

 

用法 

 

如果你是新手想学前端可以加我(标明是前端),

如果你是一个有基础,但学习前端没有明确的方向,可以加我

如果你刚毕业找到前端的工作,但工作上遇到问题或怕遇到问题解决不了的可以加我

一对一私人指导/教学(费用很便且):微信:

 

 

 

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

react AntUI(table组件使用案例)

create-react-app默认配置进行自定义craco

create-react-app默认配置进行自定义craco

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

微信小程序封装一个picker带搜索功能的组件

尝试用React写几个通用组件 - 带搜索功能的下拉列表,开关切换按钮,弹出框