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

【问题标题】：ReactJs Infinite loading scroll pagination keeps loading last page in loopReactJs无限加载滚动分页不断加载循环中的最后一页
【发布时间】：2021-08-23 01:36:23
【问题描述】：

我正在使用这个包无限滚动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>}>

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

【问题讨论】：

标签： javascript reactjs pagination infinite-scroll

【解决方案1】：

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

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

【讨论】：

感谢您的回复，您所说的可能是对的，但是我无法弄清楚如何使限制动态化，如果我给您api详细信息，您能帮我吗？
是的，当然。请分享一下
这里是 api testingclapingo.herokuapp.com/api/session/… 在正文中你可以放 { "teacherID":"601a933b7632519c09775c77", "page":1, "limit":10 }
能否提供 JSON 格式的回复