文件名称：react-infinite-scroll-hook:创建无限滚动列表组件的简单钩子
文件大小：284KB
文件格式：ZIP
更新时间：2024-05-20 08:37:36
react fetch hooks reactjs infinite-scroll
React无限滚动钩 这是创建无限滚动组件的钩子！ 现场演示在。 基本上，我们需要设置一个sentry组件来触发无限加载。 当sentry在屏幕上变为可见或几乎变为可见时（当然是基于我们的配置），它会在IntersectionObserver的帮助下触发无限加载（通过调用onLoadMore回调）。 sentry应该是某些组件，只要我们要保持无限滚动观察者的活跃就不会被卸载。 例如，我们可以使用“正在加载”指示器作为我们的哨兵。 诀窍是，因为只要有下一页，我们就想使无限滚动观察器保持活动状态，因此即使我们没有将loading标志设置为true ，也需要保持此“ loading”组件处于loading 。 这也将使我们的布局更加一致并防止闪烁等。 我们不需要使用“加载”组件作为sentry ，我们也可以将它们分开。 它可以是任何空白的div或列表的最后一项，等等。我们只需要根据滚动方
【文件预览】：
react-infinite-scroll-hook-master
----example()
--------package.json(811B)
--------index.html(358B)
--------package-lock.json(277KB)
--------.npmignore(24B)
--------tsconfig.json(458B)
--------examples()
--------index.tsx(3KB)
--------components()
--------utils()
----.husky()
--------.gitignore(2B)
--------pre-commit(56B)
----package.json(2KB)
----.github()
--------workflows()
----test()
--------index.test.tsx(86B)
----.prettierrc(75B)
----LICENSE(1KB)
----package-lock.json(814KB)
----src()
--------useInfiniteScroll.ts(2KB)
--------index.tsx(221B)
----.eslintrc.js(1KB)
----tsconfig.json(529B)
----.all-contributorsrc(778B)
----.gitignore(41B)
----CHANGELOG.md(137B)
----README.md(9KB)