栏目分类:
子分类:
返回
名师互学网用户登录
快速导航关闭
当前搜索
当前分类
子分类
实用工具
热门搜索
名师互学网 > IT > 面试经验 > 面试问答

如何在React Router 4中实现经过身份验证的路由?

面试问答 更新时间: 发布时间: IT归档 最新发布 模块sitemap 名妆网 法律咨询 聚返吧 英语巴士网 伯小乐 网商动力

如何在React Router 4中实现经过身份验证的路由?

您将要使用该

Redirect
组件。有几种不同的方法可以解决此问题。我喜欢的一个是,有一个PrivateRoute组件,该组件接受一个
authed
道具,然后根据该道具进行渲染。

function PrivateRoute ({component: Component, authed, ...rest}) {  return (    <Route      {...rest}      render={(props) => authed === true        ? <Component {...props} />        : <Redirect to={{pathname: '/login', state: {from: props.location}}} />}    />  )}

现在你

Route
的可以看起来像这样

<Route path='/' exact component={Home} /><Route path='/login' component={Login} /><Route path='/register' component={Register} /><PrivateRoute authed={this.state.authed} path='/dashboard' component={Dashboard} />

如果您仍然感到困惑,我写了这篇文章可能会有所帮助 -React Router
v4的受保护路由和身份验证



转载请注明:文章转载自 www.mshxw.com
本文地址:https://www.mshxw.com/it/485104.html
我们一直用心在做
关于我们 文章归档 网站地图 联系我们

版权所有 (c)2021-2022 MSHXW.COM

ICP备案号:晋ICP备2021003244-6号