Saltar al contenido

Redirigir a la ruta anterior al iniciar sesión – React Router v4

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)



Utiliza Nuestro Buscador

Deja una respuesta

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *