Как скрыть ненужные компоненты?

Question

[Валерий Петров]

Доброго времени суток,

Имеется компонента App, в ней есть Switch, в котором прописаны Route's.
Нужно сделать так, чтобы при загрузке какого-нибудь Route , скрылся компонент MainCases

<BrowserRouter>
      <div className="wrap">
        <Header />
        <Switch>
          <Route path={'/'} exact component={MainBanner} />
          <Route path={'/contacts'} exact component={Contacts} />
          <Route path={'/cases'} exact component={Cases}/>
          <Route path={'/case1'} exact component={Case1}/>
        </Switch>
        <MainCases />  <----- ЭТОТ КОМПОНЕНТ НУЖНО СКРЫТЬ
      </div>
</BrowserRouter>

Comments

[paoluccio]

Рендерите MainCases /> на том рауте, на котором вы бы хотели его видеть.
Возможно вам нужно это:

<Main>
  <MainBanner />
  <MainCases />
</Main>

ну и первый раут поменять на это:
<Route path={'/'} exact component={Main} />

[Валерий Петров]

paoluccio, гениальное просто! Спасибо большое:) Дали посмотреть на проблему под другим углом:)

Answer 1

[Валерий Петров]

Вопрос решён в комментарии:)