Reactjs 处理React重渲染

Reactjs 处理React重渲染,reactjs,caching,rendering,browser-cache,Reactjs,Caching,Rendering,Browser Cache,我来找你们专家不是为了解决问题,而是为了一些建议 我正在用React JS制作一个webapp,在某种程度上,它有一个列表,我可以按块(每个20个项目)构建,当用户达到列表的80%时,我会向我的后端请求这个列表(到目前为止还不错) 当我单击列表中的一个项目时,它会转到另一个页面,其中包含项目详细信息 现在的问题是 当我返回时,我的应用程序像第一次一样呈现,我丢失了索引 假设您在一个显示大量照片的网站上导航,您想查看照片编号300的详细信息,当您返回时,它会显示从照片编号1开始的列表。当这种情况发

我来找你们专家不是为了解决问题,而是为了一些建议

我正在用React JS制作一个webapp,在某种程度上,它有一个列表,我可以按块(每个20个项目)构建,当用户达到列表的80%时,我会向我的后端请求这个列表(到目前为止还不错)

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

现在的问题是

当我返回时,我的应用程序像第一次一样呈现,我丢失了索引

假设您在一个显示大量照片的网站上导航,您想查看照片编号300的详细信息,当您返回时,它会显示从照片编号1开始的列表。当这种情况发生时,它将是乏味的,并且会给最终用户造成混乱

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

请告诉我任何想法,我知道你们中的一些人已经处理过这个问题。

你们用过路由器,对吗? 所以这是正常的跑步方式。 在VUE中,属性
保持活动状态
可能是您想要的。但对于REACT,您需要在npm repo上搜索第三方库。
您需要的是保存上一个路由组件的所有状态,或者将整个实例保存到某个位置

如果您正在使用react路由器,请检查。我用它来达到同样的目的