Tengo un problema con el enrutador de reacción ya que mi URL se actualiza al hacer clic en él, pero la página no se procesa, pero cuando la vuelvo a cargar en esa URL específica, muestra el contenido, mientras que quiero que se reproduzca tan pronto como lo haga. clic en el enlace
esta es mi aplicación.js
import React from 'react'; import Nav from './Nav'; import { BrowserRouter as Router ,Switch, Route} from 'react-router-dom'; import About from './About' function App() { return ( <> <Router> <Nav/> <Switch> <Route exact path='/about' render={About} /> </Switch> </Router> </> ); } export default App;Este es mi Nav.js
import React from "react"; import {BrowserRouter as Router , Link } from "react-router-dom"; import './App.css'; function Nav(){ return( <Router> <nav> logo <Link to="/about"> About </Link> <Link to='/shop'> shop </Link> </nav> </Router> ) } export default Naveste es mi Acerca de.js
import React from "react"; function About(){ return( <div> About Page </div> ) } export default AboutDebe envolver el componente de la App con BrowserRouter o envolver el componente de la App con el componente del Router que acepta un accesorio de historial.
Índice.js
import { BrowserRouter } from 'react-router-dom' ReactDOM.render(<BrowserRouter> <App /> </BrowserRouter>,document.getElementById("root"));Aplicación.js
import React from 'react'; import Nav from './Nav'; import { BrowserRouter as Router ,Switch, Route} from 'react-router-dom'; import About from './About' function App() { return ( <> <Nav/> <Switch> <Route exact path='/about'> <About/> </Route> </Switch> </> ); } export default App;Nav.js
import React from "react"; import {BrowserRouter as Router , Link } from "react-router-dom"; import './App.css'; function Nav(){ return( <nav> logo <Link to="/about"> About </Link> <Link to='/shop'> shop </Link> </nav> ) } export default Nav Dado que Nav.js y otros componentes que usan Routes están envueltos dentro del componente de la aplicación que está más envuelto dentro de BrowserRouter en index.js , no necesita incluir el Router en cada componente que tenga componentes Route o Link .