Как при смене адреса закрыть меню?

Question

[Владимир Голубь]

При смене страницы хочу закрыть меню.

componentDidUpdate(prevProps, prevState, snapshot) {
        if (this.state.menuMobile) {
            if (this.props.location.pathname !== this.props.history.location.pathname) {
                this.setState({
                    menuMobile: false
                })
            }
        }
    }

Почему this.props.location.pathname и this.props.history.location.pathname вдруг оказываются равны ?

Переход делаю на страницу так:
<NavLink to="/" >

Проблема возникает именно при переходе на главную страницу, на остальных проблем нет.

Answer 1

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

Почему this.props.location.pathname и this.props.history.location.pathname вдруг оказываются равны ?

Потому что location и history.location - это один и тот же объект. Ваше условие не выполнится никогда.

Поправить можно так:

componentDidUpdate(prevProps) {
  if (
    prevProps.location.pathname !== this.props.location.pathname &&
    this.state.menuMobile
   ) {
    this.setState({ menuMobile: false });
  }
}

Answer 2

[Kirill Udaltsov]

Попробуйте так: <NavLink exact to="/" >