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;
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;
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>