React router nivagate after login

Question

Trying to implement redirect after login success. history.pushState(null,null, '/profile') doesn't work. Just change URL and all. browserHistory.push('/profile'); Same

How do i can create redirect after login?

        case types.LOG_IN_SUCCESS:
        history.pushState(null,null, '/profile');

Thanks

@Jordan, This changes the URL to /profile but does not render the components in that route. Means doesn't navigate to new page — Андрей Гузюк, Feb 06 '17 at 22:35
Possible duplicate of [Automatic redirect after login with react-router](http://stackoverflow.com/questions/29594720/automatic-redirect-after-login-with-react-router) — prosti, Feb 06 '17 at 22:51

score 0 · Answer 1 · edited May 23 '17 at 12:16

0

React Router has replace method instead of transitionTo for redirects. If you have some old version of Router you may need to use transitionTo.

Check this from Michelle Tilley.

I think in your case you may use (no need for this depends on the version you have):

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

edited May 23 '17 at 12:16

Community

1
1

answered Feb 06 '17 at 22:47

prosti

42,291
14
186
151

score 0 · Answer 2 · answered Feb 06 '17 at 23:05

You need to call the push method on the router:

this.context.router.push('/profile');

In case you need router in your Login component - if you add this you will have router.

LoginComponent.contextTypes = {
    router: React.PropTypes.object.isRequired
};

React router nivagate after login

2 Answers2