注销时显示登录页面(单击后退按钮)

时间:2016-03-02 11:44:29

标签: reactjs react-router

我有一个基于反应的应用程序,我在logout模块中卡住了一点。当我退出时,它进入登录页面,但点击后退按钮后,它来到上一页。我可以做类似的事情

<Route path="/only-for-logged-in-users-page" component={SomeComponent} onEnter={redirectToLoginIfNotLoggedIn} />

在onEnter上写什么?

2 个答案:

答案 0 :(得分:0)

这里有一个很好的例子,说明如果未经过身份验证,如何重定向:

https://github.com/reactjs/react-router/blob/master/examples/auth-flow/app.js#L135

答案 1 :(得分:0)

来自react路由器的Route组件支持 OnEnter function

通过这种方式,您可以用其他东西替换您导航到的路线。我在这里检查我的身份验证状态,如果需要,请将其替换为登录URL。

您还可以考虑创建一个包含Route组件的高阶组件,并在呈现正常Route之前处理身份验证逻辑。这可以让你做类似的事情:

<AuthenticatedRoute path"/only-for-loggedin" etc />