Tengo una ruta privada (aclaro que soy nuevo en esto). Lo que trato de hacer es algo simple, solo quiero devolver un componente si userDetails es verdadero, sino, pues otro componente.
const PrivateRoute = () => {
const [logged, setLogged] = useState();
useEffect(() => {
alert('entra en el efect')
const userDetails = true;
if (userDetails) {
alert('entra en true')
setLogged( true );
alert(logged)
} else {
alert('entra en false')
setLogged(false);
}
}, []);
return logged ? <Home /> : <Navigate to="/login" />;
};
Sin embargo, el comportamiento cuando ejecuto este código es:
- 'Entra en el effect'
- 'Entra en el true'
- undefined
Entiendo que es undefined porque el estado inicial del state es ese, porque si le pongo
const [logged, setLogged] = useState(false);
pues imprime false.
Eso quiere decir que se está saltando la línea del setLogged
y no entiendo qué es lo que no estoy teniendo en cuenta. Gracias de antemano.