React router меняет url, но не компонент [решено]

Question

Когда я нажимаю на ссылки навигации, URL-адрес изменяется, но компонент не отображается, а когда я перезагружаю страницу с той же ссылкой, компонент отображает

APP. js

render() {
         return (
           <div>
             <BrowserRouter>
                <Switch>
                  <Route exact path="/" component={Main}  />
                  <Route path="/Men"component={DisplayPage} />
                </Switch>       
            </BrowserRouter>
          </div>
        )
    }

Нав. js

return (
      <div className="MainContainer">
        <header>
        
        <nav>
          <ul>
        
          <li><Title/></li>    
          <li><Link to='/Men'>MEN</Link></li>
          <li><a href>WOMEN</a></li>
          <li><a href>STYLEGUIDE</a></li>
          <li><a href>OUTLET</a></li>
          </ul>
        </nav>
      <Cart/>
   </header>
  </div>
);

Answer 1

Можно вот так попробовать?

render() {
         return (
             <BrowserRouter>
              <Nav />
                <Switch>
                  <Route exact path="/" component={Main}  />
                  <Route exact path="/Men"component={DisplayPage} />
                </Switch>       
            </BrowserRouter>
        )
    }

Answer 2

Добавьте компонент Nav внутрь <BrowserRouter>:

return (
         <div>
           <BrowserRouter>
             <Nav />
             <Switch>
              <Route exact path="/" component={Main}  />
               <Route path="/Men"component={DisplayPage} />
              </Switch>    
           </BrowserRouter>
         </div>
    )