“我正在参加「掘金·启航计划」”
最近正在用react 开发一个移动端的新闻中心,有两次标题,可以左右滑动,下面是新闻列表的一个功能。
功能不算难,但是由于内网开发和镜像包的限制,用的UI组件库是antd-mobile 的2.3.1版本,最近不知道咋回事,之前的文档网址访问就是一行字,宣传将要发布的5.0版本。
用这个组件库全靠百度,百度的好心累,因为2.3.1版本里的listview有坑,刚好我的原始项目框架也很乱,滚动条和懒加载的bug,搞了一两天才搞明白是什么原因导致的。
Listview的useBodyscroll的属性为true时,百度的说外面不能套盒子,我自己尝试的是把根html的overflow:hidden去掉就好了。
懒加载的问题其实就是数据用useState更新值时,异步造成的,在切换tab时不能即时更新数据和dom,百度了一个方法,用useRef来存值取值,会把值存到一个current 的键值中,更新值就是正常的啦