Si encuentras algún error en tu código o proyecto, recuerda probar siempre en un entorno de testing antes aplicar el código al proyecto final.
Solución:
Siguiendo este ejemplo puedes hacer un componente PrivateRoute
envolver Route
y utilícelo cada vez que necesite una ruta que requiera autenticación.
Este es el código del componente del ejemplo.
const PrivateRoute = ( component: Component, ...rest ) => (
(
fakeAuth.isAuthenticated ?
( )
:
(
)
)
/>
)
Las respuestas anteriores no son lo suficientemente detalladas.
Solución:
enrutador
publicRouteList()
getLoggedRouteList(state.logged)
getLoggedRouteList
const getLoggedRouteList = (logged) =>
if (!logged)
return (
return (
);
/>
);
const output = [];
output.push(
/* Here place route list that need logged */
);
return output;
Componente de inicio de sesión
class Login extends React.Component
login = async param =>
const location = this.props;
const state = location;
/* Here place request login api */
// go to state.from if set before
if (state && state.from)
history.replace(state.from);
// else go to home
else
history.replace('/');
Finalizando este artículo puedes encontrar las referencias de otros desarrolladores, tú además puedes dejar el tuyo si lo deseas.
¡Haz clic para puntuar esta entrada!
(Votos: 0 Promedio: 0)