有人可以帮助我解决以下问题:目前,我通过在API调用中提供页码来无限加载商品列表。假设我要呼叫的商品列表api的页面= 1,然后是页面2(一旦到达第一个页面的末尾,它将加载下一页),依此类推。
当前说我在第3页上。如果用户单击第3页上的任何项目,他将被重定向到详细信息页面。如果他单击浏览器的后退按钮,则应该返回到页面3的单击项,而不是页面顶部,即列表的第一项。
我该如何实现?
FYI componentDidMount
第一次调用api,随后onScroll
方法调用下一页
我尝试过的解决方案
:将点击的项目位置和页面保留在redux中。一旦返回列表,我将加载api,直到未加载已保存的“页码”。一旦预期的页面加载,我将滚动到项目位置。==>此解决方案的问题是用户将不得不等待预期页码的响应,并且一旦预期页码的结果到来,它将滚动到单击的项目位置。这样看起来很烦人!任何人都可以帮助我解决以下问题:目前,我通过在API调用中提供页码来无限加载商品列表。假设我正在呼叫项目列表api,页面= 1,然后是页面2(一旦到达末尾...
使用
您必须使用localStorage
保存从服务器获得的响应,并且当用户返回您的页面时,您可以立即向他显示响应并在后台更新列表。