Redirección automática después de iniciar sesión con react-router

Encontramos el resultado a este disgusto, al menos eso deseamos. Si presentas preguntas dínoslo, que con placer te responderemos

Reaccionar enrutador v3

Esto es lo que hago

var Router = require('react-router');
Router.browserHistory.push('/somepath');

Reaccionar enrutador v4

Ahora podemos usar el componente en React Router v4.

renderizando un navegará a una nueva ubicación. La nueva ubicación anulará la ubicación actual en la pila del historial, como los redireccionamientos del lado del servidor.

import React,  Component  from 'react';
import  Redirect  from 'react-router';
export default class LoginComponent extends Component 
    render()
        if(this.state.isLoggedIn === true)
            return ();
        else
            return (
Login Please
);
        
    

Documentación https://reacttraining.com/react-router/web/api/Redirect

Reaccionar enrutador v0.13

los Router instancia devuelta de Router.create se puede pasar (o, si está dentro de un componente React, puede obtenerlo del objeto de contexto), y contiene métodos como transitionTo que puede usar para hacer la transición a una nueva ruta.

Reaccionar enrutador v2

Aunque la pregunta ya está respondida, creo que es relevante publicar la solución que funcionó para mí, ya que no se cubrió en ninguna de las soluciones proporcionadas aquí.

Primero, estoy usando el contexto del enrutador en mi LoginForm componente

LoginForm.contextTypes = 
  router: React.PropTypes.object
;

Después de eso, puedo acceder a la router objeto dentro de mi LoginForm componente

handleLogin() 
  this.context.router.push('/anotherroute');

PD: trabajando en React-router versión 2.6.0

Te invitamos a añadir valor a nuestro contenido informacional dando tu experiencia en las observaciones.

---

---

Utiliza Nuestro Buscador