0
251
VistasError de lanzamiento de reacción al usar ReactRouter useLocation
Tiene un error sobre useContext mientras usa el useLocation de React Router.
Estoy tratando de obtener información sobre la ubicación actual de la página, con useLocation y obtengo este error:
useContext is undefined.
import React from 'react'; import Welcome from './Components/Welcome/Welcome'; import { BrowserRouter as Router, Link, Route, Switch, Redirect, useLocation, } from 'react-router-dom' import app from "./firebase" const App = () => { let location = useLocation() return ( <div className="App"> <Router> <Route path = "/welcome"> <Welcome /> </Route> <Route path="/ui"> <UI/> </Route> </Router> </div> ); } const UI = () => { return( <h1>UI i am</h1> ) } export default App; paquete-json: 
·
Juan Pablo Isaza
1 Respuestas
Responde la pregunta0
Los ganchos useLocation deben usarse dentro de BrowserRouter , pero lo está definiendo antes de definir su BrowserRouter (que se define como Router )
Primero, defina su Router , suponga que tenemos una página/vista en nuestro ejemplo:
const App = () => { return ( <BrowserRouter> <Route path = "/welcome"> <Welcome /> </Route> </BrowserRouter> ); } Ahora, en la Welcome :
const Welcome = () => { let location = useLocation() return ( // rest of your codes ) }
·
Juan Pablo Isaza
Denunciar
Responde la pregunta