Estoy creando una aplicación de reacción de varias páginas. Cuando ingreso la URL manualmente, todo funciona, pero cuando cambio la página usando el enlace del enrutador de reacción, aunque la URL cambia, el contenido de la página permanece en la página principal hasta que lo actualizo manualmente.

Aquí está mi código de ruta.

 import Navbar from "./components/navbar/Navbar"; import { Route, Switch } from "react-router-dom"; import MainPage from "./pages/MainPage"; import Places from "./pages/Places"; function App() { return ( <div className="App"> <Navbar /> <Switch> <Route path="/" exact> <MainPage /> </Route> <Route path="/places"> <Places /> </Route> </Switch> </div> ); } export default App;

Y mis elementos de enlace

 <div className={classes['right-buttons']}> <ul> <li><Link to='/places'>About The City</Link></li> <li><Link to='/culture'>Where To See</Link></li> <li><Link to='/food'>What To Eat</Link></li> </ul> </div>