文件名称：load-more-reactjs-component:使用 Intersection Observer 和递归方法的延迟加载 React 组件。 #React, #ReactJS, #Lazy, #Lazy load, #Lazyload, #Lazy-loading #LoadMore, #Infinite-Scroll, #pagination
文件大小：40KB
文件格式：ZIP
更新时间：2024-06-18 06:31:22
react javascript pagination reactjs rendering
在 ReactJS 中加载更多组件 - 一种递归方法 问题… 在一个项目中，我们想过创建一个无限滚动的页面，即每当到达页面底部时，我们加载下一页等等。 最初我们探索了一些类似的开源组件，但所有可用的组件都有一个共同点——它们将每个页面的数据连接起来，并将它们全部累积起来。 例如，如果第一页包含 20 个项目并且请求下一页。 数据现在包含 40 个被渲染的项目。 在第 5 页的请求中，渲染了 100 个项目（80 个以前的项目和 20 个新项目）。 之前 80 个项目的重新渲染是多余和不必要的。 所以这就是我们决定创建我们自己的组件来处理这个问题的地方，并且通过不同的道具组合也是多用途的。 解决方案… 在摸索了一周并尝试了不同的东西之后，我们终于遇到了 React 的递归组件。 有一种本能可以解决我们的问题的本能。 顾名思义，在同一组件中呈现的组件称为递归组件。 通过递归，我们在加载
【文件预览】：
load-more-reactjs-component-main
----Docs()
--------images()
----LICENSE(1KB)
----RecursiveLoadMore()
--------assets()
--------components()
----README.md(3KB)