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

先看一个效果图:

React+hooks+antui封装一个带搜索功能的picker_第1张图片

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

看代码注释不

React+hooks+antui封装一个带搜索功能的picker_第2张图片

 React+hooks+antui封装一个带搜索功能的picker_第3张图片

React+hooks+antui封装一个带搜索功能的picker_第4张图片

用法 

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

付费解决前端问题:
React+hooks+antui封装一个带搜索功能的picker_第5张图片

你可能感兴趣的:(前端开发,react.js,前端,picker带搜索,hooks)