时间戳

首页 > 解决方案 > ReactJs无限加载滚动分页不断加载循环中的最后一页

javascript - ReactJs无限加载滚动分页不断加载循环中的最后一页

问题描述

我正在使用这个包进行无限滚动https://www.npmjs.com/package/react-infinite-scroll-component 但是当我向下滚动时，它似乎最后一页不断重复加载。我在无限加载组件中传递了以下道具

<InfiniteScroll  className={classes.card} dataLength={UpcommingSession? UpcommingSession.length: 0} 
            next={()=>dispatch(TecherUpcomingSession({teacherID: teacher._id,page:page+1, limit:10,timezone:time_zone.timezone}))}
             hasMore={true}
             loader={<h4>Loading...</h4>}>

在下一个道具中，我传递了获取下一页的函数，为什么它会无限地加载最后一页？感谢帮助。

标签： javascriptreactjspaginationinfinite-scroll

解决方案

您hasMore={true}的代码中有，这是循环调用的原因。

hasMore通过检查是否已达到限制或是否为列表末尾，尝试在某些状态的帮助下动态设置。您通常会在 API 响应中收到这些详细信息。

推荐阅读