У меня есть базовая настройка реакции-маршрутизатора с коммутатором, как это:
import React from "react"
import {Route, Switch } from "react-router-dom"
import AuthenticatedRoute from "./components/AuthenticatedRoute"
import UnauthenticatedRoute from "./components/UnauthenticatedRoute"
import Home from './containers/Home'
import Login from './containers/Login'
import Books from './containers/Books'
import NotFound from './containers/NotFound'
export default ({ childProps }) => (
<Switch>
<AuthenticatedRoute path="/" exact component={Home} props={childProps} />
<UnauthenticatedRoute path="/login" exact component={Login} props={childProps} />
<AuthenticatedRoute path="/books" exact component={Books} props={childProps} />
{ /* Finally, catch all unmatched routes */ }
<Route component={NotFound} />
</Switch>
)
и модуль AuthenticatedRoute, например:
import React from "react";
import { Route, Redirect } from "react-router-dom";
export default ({ component: C, props: cProps, ...rest }) => (
<Route
{...rest}
render={props =>
cProps.isAuthenticated
? <C {...props} {...cProps} />
: (
<Redirect
to="/login"
/>
)}
/>
)
Теперь все в порядке, но когдаЯ нахожусь на маршруте /books
и нажимаю кнопку перезагрузки в браузере или F5 , все приложение обновляется и запускается с домашней страницы, и я теряю свой текущий активный маршрут.
Какя могу сохранить свой активный маршрут при перезагрузке?