Tengo una aplicación de reacción de creación con el enrutador de reacción v5 y la siguiente configuración:
import React, { useState } from "react"; import "./App.css"; import { BrowserRouter, Route, Switch } from "react-router-dom"; import EmailRep from "./components/EmailRep"; import WebAuthN from "./components/WebAuthN"; function App() { return ( <div className="App"> <BrowserRouter> <Switch> <Route exact path="/"> <EmailRep /> </Route> <Route path="/webauthn"> <WebAuthN /> </Route> </Switch> </BrowserRouter> </div> ); } export default App; En mi componente EmailRep , si intento vincularme a la ruta WebAuthN , no hace nada
import React from "react"; import { Link } from "react-router-dom"; export default function EmailRep() { return <Link to="/webauthn">WebAuthN</Link>; }Pero esto funciona:
import React from "react"; import { Link } from "react-router-dom"; export default function EmailRep() { return <a href="/webauthn">WebAuthN</a>`; }¿Qué me estoy perdiendo?
No puedo decir si este es tu caso porque no compartiste el código de esos componentes, pero tal vez olvidaste importar el módulo Link de react-router-dom ,
Intente insertar este fragmento en la parte superior de sus módulos EmailRep y WebAuthN :
import { Link } from 'react-router-dom'
¡Espero que esto ayude!