react路由拦截

/*
 * @Description:
 * @Author: pang bo
 * @Date: 2021-06-28 16:18:17
 * @LastEditTime: 2021-06-28 17:20:07
 * @LastEditors: Do not edit
 */
import React, { useEffect } from 'react';
import Login from '@src/views/Login'
import App from '@src/views/App'
import { Switch, Route, Redirect, HashRouter, match } from 'react-router-dom';

import Home from '@src/views/Home';
import { RouteComponentProps, StaticContext } from 'react-router';
const privateRouter = (params: RouteComponentProps<{}, StaticContext, unknown>, Template: any) => {
    const { location } = params;
    if (!localStorage.getItem('token')) {
        return <Redirect to='/login' />

    } else {
        if (location.pathname === '/login') {
            return <Redirect to='/' />
        }
        return <Template />
    }
}
const Index = () => {
    return (
        <HashRouter>
            <Switch>
                <Route path="/" exact render={(params) => privateRouter(params, App)}></Route>
                <Route path="/login" exact render={(params) => privateRouter(params, Login)}></Route>
                <Route path="/home" exact render={(params) => privateRouter(params, Home)}></Route>
                <Redirect to='/' />
            </Switch>
        </HashRouter>
    )
}

export default Index;