首页 > 解决方案 > 反应路由器5浏览器后退按钮更改状态

问题描述

在我的应用程序中,我有一个位于 URL 上的多页表单http://localhost:3000/form。当我更改表单中的页面时,URL 保持不变,但state呈现不同视图(表单页面)的更改。

我想要实现的一个新功能是允许浏览器后退按钮在多页表单中切换视图/页面(也称为更改状态)。

这可能吗?我怎样才能做到这一点?

标签: javascriptreactjsreact-router

解决方案


为什么要保持相同的路线?如果用户想通过深层链接返回到他们所处的相同状态,他们将无法使用此实现,不是吗?如果您想使用相同的路由,您至少可以使用 #routes 来跟踪用户在表单中的位置。例如。 http://localhost:3000/form#step1 , http://localhost:3000/form#step2

然后后退按钮可以让他们后退一步。


推荐阅读