0
409
VistasReact Router: Cómo arreglar BrowserRouter mostrando la pantalla en blanco
Soy nuevo en JS reaccionar y actualmente estoy trabajando en la parte de enrutamiento de mi proyecto. Estoy tratando de utilizar la función BrowserRouter importada del paquete react-router-dom . Pero al emitir npm start , todo lo que obtengo es una pantalla blanca en blanco como se ve en la imagen (2). Si llamo directamente a mi * LandingPage.js con el código que comenté en la imagen (1), muestra la pantalla que se muestra en la imagen (3), que es lo que intento generar con el método BrowserRouter . ¿Me estoy perdiendo algo?
1.) 
2.)
3.) 
1 Respuestas
Responde la pregunta0
Si tiene react-router-dom V6, entonces debe usar Routes y Route ambos a la vez para que funcione.
import { BrowserRouter, Routes, Route, } from "react-router-dom";Y actualice la función de la aplicación.
function App() { return ( <BrowserRouter> <Header /> <main className="py-1"> <Routes> <Route path="/" element={<LandingPage/>} /> </Routes> </main> </BrowserRouter> ); } export default App;La Documentación tiene un ejemplo bastante bueno para entender que
Nota: si está utilizando
react-router-domv5 o inferior, importe y useSwitchen lugar deRoutespara este propósito,Switchse ha depreciado en v6.