import { BrowserRouter as Router, Route, Switch } from "react-router-dom"; import Nav from "./Nav"; import Home from "./Home"; import About from "./About"; export default function App() { return ( <> <Router> <Nav /> <Switch> <Route path="/" component={Home} /> <Route path="/about" component={About} /> </Switch> </Router> </> ); }

Estoy usando react-router-dom en mi proyecto y me enfrento a un comportamiento inusual. cuando uso Link para realizar la navegación, la URL cambia pero el componente no se representa. y si trato de actualizar la página en ese punto, el componente se carga. (reaccionar-enrutador-dom v5.2.0)

 import { Link } from "react-router-dom"; export default function Nav() { return ( <nav> <ul> <li> <Link to="/">Home</Link> </li> <li> <Link to="/about">About</Link> </li> </ul> </nav> ); }