0
145
VistasLas rutas dom del enrutador React están devolviendo páginas en blanco
La configuración de mi ruta devuelve una página en blanco sin error, lo único que aparece es el menú lateral. no se que estoy haciendo mal?
Aplicación.js:
import React from "react"; import Sidebar from "./components/Sidebar"; import i18n from './i18n'; import Dash from "./pages/Dash"; import Prof from "./pages/Prof"; import {BrowserRouter as Router, Routes, Route} from 'react-router-dom'; function App() { return ( <Router> <Sidebar/> <Routes> <Route path='/' exact component={Dash} /> <Route path='/profile' exact component={Prof} /> </Routes> </Router> ); } export default App;Tablero.js:
import React from "react"; import Dashboard from ".././components/Dashboard"; export default function Dash() { return ( <> <Dashboard /> </> ); }Prof.js:
import React from "react"; import Dashboard from ".././components/Profile"; export default function Prof() { return ( <> <Profile /> </> ); } 
·
Juan Pablo Isaza
2 Respuestas
Responde la pregunta0
Asumiré que está usando react-router-dom v6 ya que está usando Routes en lugar de Switch , en cuyo caso debería ser element , no component la propiedad donde pasa el componente para esa ruta. También llame a ese componente cuando lo pase, así:
import React from "react"; import Sidebar from "./components/Sidebar"; import i18n from './i18n'; import Dash from "./pages/Dash"; import Prof from "./pages/Prof"; import {BrowserRouter as Router, Routes, Route} from 'react-router-dom'; function App() { return ( <Router> <Sidebar/> <Routes> <Route path='/' exact element={<Dash/>} /> <Route path='/profile' exact element={<Prof/>} /> </Routes> </Router> ); } export default App;
·
Juan Pablo Isaza
Denunciar
0
Así no es como usas el objeto Rutas. Debe utilizar Rutas > Ruta como declaración. Para lograr lo que está intentando, que es representar un componente basado en la URL, debe usar Outlets .
·
Juan Pablo Isaza
Denunciar
Responde la pregunta