处理React重新渲染

时间:2019-11-28 21:59:52

标签: reactjs caching rendering browser-cache

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

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

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

现在是问题...

当我返回时,我的应用程序渲染就像第一次一样,并且丢失了索引。

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

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

请欣赏任何想法,我知道有些人已经解决了这个问题。

2 个答案:

答案 0 :(得分:0)

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

答案 1 :(得分:0)

如果您使用的是React Router,请选中https://github.com/oaf-project/oaf-react-router。我将其用于相同目的。