幽灵资源网 Design By www.bzswh.com
本文介绍了React从react-router路由上做登陆验证控制的方法,分享给大家,具体如下:
验证代码
import React from 'react'
import {connect} from 'react-redux';
function requireAuthentication(Component) {
// 组件有已登陆的模块 直接返回 (防止从新渲染)
if (Component.AuthenticatedComponent) {
return Component.AuthenticatedComponent
}
// 创建验证组件
class AuthenticatedComponent extends React.Component {
static contextTypes = {
router: React.PropTypes.object.isRequired,
}
state = {
login: true,
}
componentWillMount() {
this.checkAuth();
}
componentWillReceiveProps(nextProps) {
this.checkAuth();
}
checkAuth() {
// 判断登陆
const token = this.props.token;
const login = token "htmlcode">
<Router history={browserHistory}>
<Route path="/admin" component={requireAuthentication(AdminComponent)} />
</Router>
以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持。
幽灵资源网 Design By www.bzswh.com
广告合作:本站广告合作请联系QQ:858582 申请时备注:广告合作(否则不回)
免责声明:本站文章均来自网站采集或用户投稿,网站不提供任何软件下载或自行开发的软件! 如有用户或公司发现本站内容信息存在侵权行为,请邮件告知! 858582#qq.com
免责声明:本站文章均来自网站采集或用户投稿,网站不提供任何软件下载或自行开发的软件! 如有用户或公司发现本站内容信息存在侵权行为,请邮件告知! 858582#qq.com
幽灵资源网 Design By www.bzswh.com
暂无评论...