使用React重新渲染处理

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

我来找您的专家不是寻求解决方案,而是寻求一些建议...

[我正在用React JS制作一个Web应用程序,在某个点上,它有一个列表,该列表是我按块(每个20项)构建的,当用户达到列表的80%时,我向后端请求该列表(到目前为止非常好) 。

当我单击列表中的一个项目时,它将转到另一个页面,其中包含该项目的详细信息。

现在是问题...

[当我返回时,我的应用程序呈现为第一次,但我失去了索引。

想象一下,您正在浏览显示大量照片的网站,并且想要查看300号照片的详细信息,而当您返回时,它会显示从1号照片开始的列表。这将非常乏味并在发生这种情况时使最终用户感到困惑。

我当时在考虑实现某种缓存,但我不知道React是否接受这种策略,或者是否有更好的方法来解决这个问题。

[请让我感激任何想法,我知道你们中有些人已经解决了这个问题。

reactjs caching rendering browser-cache
2个回答
0
投票

您使用了路由器,对吗?因此,这是REACT运行的正常方式。在VUE中,属性keep-alive可能是您想要的。但是对于REACT,您需要在npm repo上搜索第三方库。您需要保存上一个路由组件具有的所有状态,或者将整个实例保存在某个位置。


0
投票

如果使用反应路由器,请勾选https://github.com/oaf-project/oaf-react-router。我将其用于相同目的。

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