Смена контента в нескольких блоках ReactJS?

Question

[Сергей]

Здравствуйте тостеры! Появилась проблема, у меня в индексном файле рендерятся сразу несколько блоков - это Top, Main и Footer.
Top это верх сайта (В нём навигация), в Main отображается страницы, а о Footer я думаю писать не буду, и так понятно.
Так вот, как сделать смену контента сразу в этих трёх блоках в зависимости от роутера, тоесть если страница авторизации - то допустим в блоке Top отображать кнопку "О нас" а в Main отображать саму форму авторизации.
Это вообще возможно осуществить, может будут примеры?

Answer 1

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

Как вариант показывать разные компоненты по путям авторизации и остальным:

<Switch>
  <Route path="/(sign_in|sign_up|reset_password|confirm_email)" component={AuthRoutes} />
  <Route component={MainRoutes} />
</Switch>

Рендерите Top и Footer в MainRoutes.