REACT-ROUTER LOGIN PERMISSION

import React, { Component } from 'react'
import { withRouter } from 'react-router'
import { Route, Redirect } from 'react-router-dom'

class AuthRouter extends Component {
    render() {  
        const { component: Component, ...rest } = this.props
        const isLogged = sessionStorage.getItem("isLogin") === "1" ? true : false;
      
        return (
            <Route {...rest} render={props => {
              return isLogged
                  ? <Component {...props} />
                  : <Redirect to="/login" />
            }} />
        )
      }
}

export default withRouter(AuthRouter); 

ROUTER

render(){
      return (
      <Router>
        <App>
          <Switch>
            <Route path="/" exact component={Login}></Route>
            <Route path="/login" component={Login}></Route>
            {/*登录权限控制组件*/}
            <AuthRouter path='/main' component={Home}></AuthRouter>
          </Switch>
        </App>
      </Router>
    )
}