反应路由和后退按钮重新加载

时间:2016-10-26 06:02:18

标签: reactjs react-router url-routing back-button

我正在使用React with react-router v4在SPA应用程序中进行路由。

在列表页面中,当用户点击某个项目时,我们会导航到呈现详细信息组件的详细信息网址。

从这里开始,如果我单击后退,将转换路由到列表页面,但重新加载列表页面本身。因此,其滚动位置,项目选择(打开详细信息页面)将丢失。

我一直在努力思考如何解决这个问题。我想的一种方法是将所有页面构建为另一个上面的模型,因此基页上下文始终存在,当用户导航回来时,我可以开始关闭显示前一页面的模态。

不确定这是否是正确的做法。

1 个答案:

答案 0 :(得分:1)

您可以在本地存储当前滚动位置,然后在装载列表页面组件时滚动回来。

这些是jQuery的答案,但原理是一样的: