我们在路由的这一块,我们准备完成vue的类似的权限控制功能
router.beforeEach() 功能,这个功能过react 高阶组件实现,类似Java的代理
Gaojiezujian.js
import React, { Component } from 'react'
// connect 函数连接以下
import { connect } from "react-redux"
// 高阶组件,就是对原来的组件进行封装
import { Route, Redirect } from "react-router-dom"
// <Gaojiezujian component= {} path = "/abc" >
class Gaojiezujian extends Component {
constructor(props) {
super(props);
}
render() {
const { isLogin, path, component } = this.props;// 结构语法的概
if (isLogin) {
return (
// 如果已经登陆,就直接显示原来的组件
<Route exact path={path} component={component}></Route>
)
} else {
return (
<div>
你还有没有登陆好吧!
<Redirect to={
{ pathname: '/login&#