0
168
VistasBrowserRouter en React que conduce a "llamadas de enlace no válidas"
Soy nuevo en React y estoy tratando de configurar rutas usando BrowserRouter, Route y Routes. Hasta ahora, mi código se parece a lo siguiente
import React from "react" import "./App.css"; import { BrowserRouter as Router, Route, Routes } from 'react-router-dom'; import Login from "./Login"; function App() { return ( <div className="App"> <h1>App page</h1> <Router> <Routes> <Route exact path="/login"> <Login /> </Route> </Routes> </Router> </div> ) } export default App Sin embargo, no aparece nada en la página del navegador: la salida de la consola se parece a la siguiente 
El error parece ser con los bits del enrutador, ya que cuando elimino esas líneas, las cosas en la etiqueta h1 parecen imprimirse bien. ¿Sabrías cómo arreglar esto/qué podría estar causando esto?
¡Gracias!
·
Juan Pablo Isaza
1 Respuestas
Responde la pregunta0
El inicio de sesión no es un componente <Route> . Todos los componentes secundarios de <Routes> deben ser <Route> o <React.Fragment> .
prueba esto:
import React from "react" import "./App.css"; import { BrowserRouter as Router, Route, Routes } from 'react-router-dom'; import Login from "./Login"; function App() { return ( <div className="App"> <h1>App page</h1> <Router> <Routes> <Route exact path="/login" element={<Login />}/> </Routes> </Router> </div> )
·
Juan Pablo Isaza
Denunciar
Responde la pregunta