react 中实现登录鉴权

vue中会使用导航守卫判断token，

react中使用redirect 方式

使用高阶组件 定义PrivateRoute 导出

在router中 用

 <PrivateRoute path="/admin/roles" exact  component={Roles}></PrivateRoute>

的方式判断需要token的路由

import React, { Component } from 'react'

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

function PrivateRoute({ component:Children, ...rest }) {

    return (

      <Route

        {...rest}

        render={() =>{

          let token =  localStorage.getItem('token')

            if(token){

            return  <Children/>

            }else{

            return   <Redirect

                to={

                '/login'

                }/>

            }

        }

        }

      />

    );

  }

  export default PrivateRoute