Как при первой загрузке страницы отображать не дефолтный роут?

Question

[front-man]

Есть такие роуты:

<Switch>
    <Route exact path="/" component={Home}/>
    <Route path="/nobel-laureates" component={About}/>
    <Route path="/usage-statistics" component={History}/>
    <Route component={PageNotFound}/>
</Switch>

Возможно ли при первой загрузке страницы отображать приложение по адресу 2-ого роута: "/nobel-laureates" а не по дефолтному???

Answer 1

[Антон Спирин]

Если вы имели ввиду первое посещение сайта с конкретного браузера, то для решения этой задачи можно использовать localstorage:

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

const isVisited = localStorage.getItem("isVisited");

if (!isVisited) {
  localStorage.setItem("isVisited", true);
}


class Home extends Component {
  ...
  render() {
    if (!isVisited) return <Redirect to="/nobel-laureates" />
    ...
  }
}