Как правильно построить маршрутизацию в React

У меня есть сайт со своим sideBar и header. Эти компоненты должны отображаться на всех страницах, кроме авторизации. Так вот, как запретить показ этих компонентов на страницы авторизации. И ещё, как при переходе на главную страницу сайта переадресовывать пользователя на страницу авторизации? Код ниже:

<div className="App">
  <Router>
    <Sidebar />
    <Switch>
      <Route path="/" exact component={Profile} />
      <Route path="/mailing" component={Mailings} />
      <Route path="/statistic" component={Statistics} />
      <Route path="/user" component={Users} />
      <Route path="/auth" component={Auth} />
      <Redirect from="/" to="/auth" />
    </Switch>
  </Router>
</div>

Как выглядит в данный момент


Ответы (0 шт):