How to close the menu when changing the address?

Question

React

When changing the page, I want to close the menu.

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

Why are this.props.location.pathname and this.props.history.location.pathname suddenly equal?
I make the transition to the page like this: The problem occurs precisely when you go to the main page, there are no problems on the rest.
<NavLink to="/" >

Answer 1

Why are this.props.location.pathname and this.props.history.location.pathname suddenly equal?

Because location and history.location are the same object. Your condition will never be fulfilled.
You can fix it like this:

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

Answer 2

Try like this:<NavLink exact to="/" >