0
139
Vistasno puedo renderizar mis componentes cuando se usa con ROUTE en REACTJS
código para app.js .. he estado tratando de usar ROUTE pero no puedo renderizar mis componentes
import './App.css'; import Home from './pages/Home'; import Rooms from './pages/Rooms'; import SingleRoom from './pages/SingleRoom'; import Error from './pages/Error'; import { Route, Switch} from 'react-router-dom'; function App() { return ( <> <Route exact path="/" component={Home}/> <Route exact path="/rooms/" component={Rooms}/> <Route exactpath="/singleroom" component={SingleRoom}/> </> ); } export default App;
·
Juan Pablo Isaza
2 Respuestas
Responde la pregunta0
Debe envolver sus Route s en los componentes Router y Routes .
Esto es para reaccionar-router-dom v6:
import './App.css'; import Home from './pages/Home'; import Rooms from './pages/Rooms'; import SingleRoom from './pages/SingleRoom'; import Error from './pages/Error'; import { Routes, Route, Switch, BrowserRouter as Router } from 'react-router-dom'; function App() { return ( <Router> <Routes> <Route path="/" element={<Home />} /> <Route path="/rooms/" element={<Rooms />} /> <Route path="/singleroom" element={<SingleRoom />}/> </Routes> </Router> ); } export default App;
·
Juan Pablo Isaza
Denunciar
0
Suponiendo que ya envolvió su aplicación con <Router> dentro de su archivo index.js, ahora cada vez que use rutas, debe envolverlas con <Switch>
<Switch> <Route exact path="/" component={Home}/> <Route exact path="/rooms/" component={Rooms}/> <Route exactpath="/singleroom" component={SingleRoom}/> </Switch>
·
Juan Pablo Isaza
Denunciar
Responde la pregunta