在 React 中实现无限滚动

DEV Community · 2024-10-09T19:20:30Z

文章介绍了如何实现分页加载功能：用户滚动到底部时加载更多项目。通过监测 `window.scrollY`、`window.innerHeight` 和 `document.body.offsetHeight` 判断是否到达底部。使用 React 的 `useEffect` 钩子添加滚动事件监听器，接近底部时增加项目数量。代码示例展示了首次渲染时如何触发滚动事件并动态加载内容。