文件名称:react-simple-infinite-scroll:残酷简单的React Infinite滚动组件
文件大小:73KB
文件格式:ZIP
更新时间:2024-06-06 02:46:05
react typescript infinite-scroll TypeScript
React简单的无限滚动 一个残酷简单的无限滚动帮助器组件。 安装 npm install react-simple-infinite-scroll --save 用法 此组件使用“前哨” div (带有React引用),该div调用getBoundingClientRect()来测量其位置并在再次可见时触发回调。 注意:此程序包最终会在非常非常大的列表上变得效率低下,因为它会不断向DOM添加节点。 但是,对于无法使用开窗技术以及用户实际滚动几百行(而不是几千行)的情况,此程序包非常有用。 为什么不使用窗口react-virtualized ( react-virtualized )? 如果可以的话,您可能应该这样做。 但是,仅当您提前知道结果集中的项目总数时,才可以使用窗口。 这并不总是可能的。 例如,假设您有一个MongoDB数据库,在该数据库中您无法有效地返回给定查询中的文档总数。
【文件预览】:
react-simple-infinite-scroll-master
----.gitignore(39B)
----webpack.lib.js(556B)
----webpack.umd.js(699B)
----package.json(2KB)
----tslint.json(2KB)
----src()
--------__tests__()
--------index.tsx(2KB)
----LICENSE(1KB)
----tsconfig.json(608B)
----README.md(6KB)
----yarn.lock(168KB)