react 列表滚动完整思路:

1)先声明 用useSate声明变量,如控制是否进行数据加载,当前第几页,数据存储

2)使用useRef将页码、控制数据加载,存储数组的变量赋值。

3)在useEffect这个类似于声明周期的函数中绑定页面滚动监听事件。

4)在handleScroll里面判断(滚动的高度 + 可视区域的高度 )>= 滚动条内容的总高度

5)在请求数据接口时进行判断,如果成功,那就渲染数据,输入失败那就把 数据加载的值改成false,则不进行页面监听。

你可能感兴趣的:(react.js,前端,前端框架)