在反应单页应用程序中按后退按钮重定向到欢迎页面答案

【问题标题】：Redirect to welcome page on pressing back button in react Single page application在反应单页应用程序中按后退按钮重定向到欢迎页面
【发布时间】：2017-12-04 07:35:53
【问题描述】：

我有一个反应单页应用程序，所以按下后退按钮时，它会按预期将我重定向到欢迎页面。现在由于某些要求，我必须在两者之间更新应用程序的 URL，因此如果现在我按下返回按钮，它首先将我重定向到旧的 url 页面，然后是欢迎页面。如何控制这种行为，意味着即使在更新 URL 之后，用户也应该在按下返回按钮时直接重定向到欢迎页面。

【问题讨论】：

你使用的是哪个版本的 react-router？
反应路由器版本 2.8.1 @JahangirAlam

标签： reactjs react-router react-router-dom

【解决方案1】：

我认为你可以在这里使用 react-router-dom。 react-router-dom 中有 Link 元素可以解决您的问题。

例如：，您可以尝试这样的事情 <Link to="/welcomePage" >Back</Link>

欲了解更多信息，请通过以下文档 react-router-dom document

【讨论】：

【解决方案2】：

我不知道如何使用 react 路由器，但您可以使用 window.history.pushState() 来解决您的问题。在您的第三个组件中，将以下代码添加到 render() 方法中。

window.history.pushState(null, null, '/your-welcome-page-url');

它会在不重新加载页面的情况下将当前url更改为欢迎页面url；当您按下浏览器的返回按钮时，浏览器将被重定向到欢迎页面。

【讨论】：