React Router как скрыть компонент?

Question

[Александр]

Совсем еще новичок в реакте, и появился вопрос.

На странице всегда есть компонент навигации, и есть компонент какой-нибудь страницы сайта, в зависимости от роута,

Вопрос, как к примеру при на роуте компонента страницы авторизации, скрыть компонент навигации?

Answer 1

[igorianru]

В теории.
Заводи редюсер, там пиши переменную, вроде isShow: false, делай экшен, и при инициации компонентат проверяй {this.props.isShown && <Auth />} экшеном сможешь манипулировать отображением, isShow достанешь заведомо из стора, при вызове экшена и передачи ему статуса отображения реакт перерендерит компонент сам

Answer 2

[Анатолий Жаров]

!this.props.router.isActive('/login') && <Menu/>
компонент нужно продекорировать withRouter()

Answer 3

[Максим]

Можно вообще не использовать роутер. В компоненте проверять url адрес нативно, и рисовать или нет компонент.

{ window.location.pathname !== '/authorize' && <Menu /> }

Location (MDN)