React Router и перерисовка страницы

Question

Мой маршрутизатор настроен следующим образом:

   <Router>
    <Navigation />
    <Switch>
      <Route exact path="/:pageId" component={Base} />
      <Route component={Home} />
    </Switch>
    <Footer />
  </Router>

Я сделал это, чтобы навигация и нижний колонтитул не перерисовывались каждый раз, когда я нажимаю ссылку. Это прекрасно работает. Теперь я хочу, чтобы в новом разделе НЕ было навигации и нижнего колонтитула. Если я перемещу эти два компонента в главную и базовую части, то каждый раз, когда я нажимаю, делаю выбор в навигации, все повторно dr aws. Я не знаю, почему меня беспокоит это легкое мерцание, наверное, потому что я видел, как он работает без мерцания.

Я пробовал это безуспешно:

<Router>
 {path !=== "/admin" && <Navigation />}
 <Switch>
  <Route exact path="/:pageId" component={Base} />
  <Route component={Home} />
 </Switch>
 {path !=== "/admin" && <Footer />}
</Router>

Answer 1

Я не уверен, почему я разместил этот вопрос. Это был длинный день. Условное выражение работает с использованием window.location.pathname. Простое исправление, извините за прерывание