Problema : He creado un login con nodejs y usando una API rest de django, estoy intentando guardar el nick de usuario en una variable global para así que me sea más fácil usarla en alguna otra funcionalidad, la cosa es que creando la variable global usuarioLogeado
cada vez que cambio de componente se pierde esta y su valor vuelve a null
, es decir solo se mantiene como el valor del formulario del login en la componente de login.js
cuando cambio a otra se vuelve a null
Parte de código del Login.js
global.usuarioLogeado = require('./user');
async function loginUser(credenciales) {
const url =
"http://localhost:8000/api/Usuarios/?search=" + credenciales.usuario;
var response = await axios.get(url);
var data = response.data;
if (data.length > 0) {
data.forEach((element) => {
if (element.nombre === credenciales.usuario) {
if (element.password === credenciales.password) {
global.usuarioLogeado = credenciales.usuario;
console.log(global.usuarioLogeado)
window.location.replace("/");
}
}
});
}
}
User.js
var usuarioLogeado = null;
module.exports = usuarioLogeado;
App.js
function App() {
console.log(global.usuarioLogeado);
return (
<Router>
<div className="App">
<Nav />
<Switch>
<Route path="/" exact component={Home} />
<Route path="/Login" exact component={Login} />
<Route path="/Register" exact component={Register} />
<Route path="/Noticias" exact component={Noticias} />
<Route path="/Estadisticas" exact component={Estadisticas} />
<Route path="/CompraVenta" exact component={CompraVenta} />
<Route path="/Plantilla" exact component={Plantilla} />
</Switch>
</div>
</Router>
);
}
setState
, de lo contrario React no va a poder relacionar tu variable global con el ciclo de vida del componente. Y por lo tanto los cambios a dicha variable son "invisibles" para React.