我来找专家不是为了解决方案,而是为了一些建议......
我正在使用 React JS 制作一个 Web 应用程序,在某些时候它有一个列表,我按块(每个块 20 个项目(构建,当用户达到列表的 80% 时,我向后端请求该列表(到目前为止一切顺利(。
当我单击列表中的一个项目时,它会转到另一个包含项目详细信息的页面。
现在的问题...
当我返回时,我的应用程序像第一次一样呈现,并且丢失了索引。
想象一下,您正在浏览一个显示大量照片列表的网站,并且您想查看照片编号 300 的详细信息,当您返回时,它会显示从照片编号 1 开始的列表。发生这种情况时,这将很乏味,并给最终用户带来混乱。
我正在考虑实现某种缓存,但我不知道 React 是否接受这种策略,或者是否有更好的方法来解决这个问题。
请我欣赏任何想法,我知道你们中的一些人已经处理过这个问题。
你用的是路由器,对吧? 所以这是 REACT 的正常运行方式。 在 VUE 中,属性keep-alive
可能是您想要的。但是对于 REACT,你需要在 npm 存储库上搜索第三方库。 您需要的是保存上一个路由组件的所有状态,或者将整个实例保存在某个位置。
如果您使用的是 React Router,请检查 https://github.com/oaf-project/oaf-react-router。我出于同样的目的使用它。