0
142
Viewsno 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 answers
Answer question0
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
Report
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
Report
Answer question