iScroll下拉刷新与上拉加载实现
下拉刷新的滑动体验，配上上拉加载的自动补充，iscroll的这一套实现方案算是比较老牌但依然挺实用的。它本身是为移动端做交互优化的，滚动顺滑，兼容性也不错。你只要在合适的地方绑定好回调，比如onRefresh和onLoadMore，配合状态管理逻辑，基本就能跑起来。
React Hooks的结合也挺有意思的。用useState管一下列表数据、刷新状态，再用useEffect监听这些状态变化，就能在用户滑到底或者下拉的时候拉一波接口。逻辑简单，响应也快。
你可以参考这个Hook.js-master里的写法，代码结构还蛮清爽的，逻辑也清晰。不少项目里就是照这个套路稍微改一改就能直接用上。尤其适合内容流式展示的场景，比如新闻列表、商品列表、评论区这些。
哦对，iscroll虽然老了点，但胜在够轻、够稳定。没必要上太重的轮子，用熟了以后还能自己扩点小功能。比如加个“加载中”动画，加个“没有更多了”的提示，都挺好加的。
如果你做的是H5 页面，或者微信、Hybrid App 里的列表刷新交互，iscroll 这套逻辑还真是蛮适配的。想试试的话可以先跑一下这个 demo 看看手感，调一调参数基本就能对接到你自己的数据接口了。
延伸阅读也挺多的，你可以顺便翻翻这些：
如果你项目刚好要做列表刷新，又不想引入太重的组件库，iscroll 这套组合还挺值得一试的。
文件大小：250.54KB
评论区