import React from 'react'; import { BrowserRouter as Router, Route, Redirect, Switch } from 'react-router-dom'; import { history } from '../utils/history'; import Login from '../views/Login'; import Regist from '../views/Regist'; import { DashboardRoute } from './DashboardRoute'; const PrivateRoute = ({ component: Component, ...rest }) => ( <Route {...rest} render={(props) => ( localStorage.getItem('users') ? <Component {...props} /> : <Redirect to={{ pathname: '/login', state: { from: props.location } }} /> )} /> ) export function AuthRoute() { return ( <Router history={history}> <Switch> <Route path="/regist" component={Regist}/> <Route path="/login" component={Login}/> <PrivateRoute path="/" component={DashboardRoute}/> </Switch> </Router> ) }