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