我有一个基于反应的应用程序,我在logout模块中卡住了一点。当我退出时,它进入登录页面,但点击后退按钮后,它来到上一页。我可以做类似的事情
<Route path="/only-for-logged-in-users-page" component={SomeComponent} onEnter={redirectToLoginIfNotLoggedIn} />
在onEnter上写什么?
答案 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 />