Reactjs-如何将用户带回单击列表列表的先前位置

问题描述 投票:0回答:2

有人可以帮助我解决以下问题:目前,我通过在API调用中提供页码来无限加载商品列表。假设我要呼叫的商品列表api的页面= 1,然后是页面2(一旦到达第一个页面的末尾,它将加载下一页),依此类推。

当前说我在第3页上。如果用户单击第3页上的任何项目,他将被重定向到详细信息页面。如果他单击浏览器的后退按钮,则应该返回到页面3的单击项,而不是页面顶部,即列表的第一项。

我该如何实现?

FYI componentDidMount第一次调用api,随后onScroll方法调用下一页

我尝试过的解决方案

:将点击的项目位置和页面保留在redux中。一旦返回列表,我将加载api,直到未加载已保存的“页码”。一旦预期的页面加载,我将滚动到项目位置。==>此解决方案的问题是用户将不得不等待预期页码的响应,并且一旦预期页码的结果到来,它将滚动到单击的项目位置。这样看起来很烦人!

任何人都可以帮助我解决以下问题:目前,我通过在API调用中提供页码来无限加载商品列表。假设我正在呼叫项目列表api,页面= 1,然后是页面2(一旦到达末尾...

reactjs infinite-scroll
2个回答
0
投票

使用


0
投票

您必须使用localStorage保存从服务器获得的响应,并且当用户返回您的页面时,您可以立即向他显示响应并在后台更新列表。

© www.soinside.com 2019 - 2024. All rights reserved.