Page is not redirecting to updated URL

Question

I need to redirect to new URL for my application. I have an event on which I am changing the URL. Here URL is updated but page is not redirected. It only redirects after refresh. Please help me to solve this. Thanks.

JS:

 _onNewFlowCreated(newFlow) {
        let url= '/#/flows/'+ newFlow.uid +'/edit';
        //window.history.pushState({}, '', url);
         window.location.href= url;
    }

I tried using react-router. But not found solution.

score 1 · Accepted Answer · answered Mar 08 '16 at 13:49

1

try this one

import { Router, Redirect, Route, Link, browserHistory, IndexRoute, useRouterHistory, RouterContext, hashHistory } from 'react-router';
import { createHashHistory } from 'history';

answered Mar 08 '16 at 13:49

Sagar

69
5

score 0 · Answer 2 · answered Feb 16 '16 at 08:49

0

if you are using reactjs use

browserHistory.push('/#/flows/'+ newFlow.uid +'/edit');

to navigate to another url

answered Feb 16 '16 at 08:49

Ayo K

1,719
2
22
34

note you should have done an import first like: `import { browserHistory } from './react-router'` – Ayo K Feb 16 '16 at 08:51
if are accessing from a method you might have to use the `this` keyword as: `this.browserHistory.push('/#/flows/'+ newFlow.uid +'/edit');` – Ayo K Feb 16 '16 at 09:09
browserHistory is undefined. – Ved Feb 16 '16 at 09:47
did you use the `this` keyword – Ayo K Feb 16 '16 at 10:29
Let us [continue this discussion in chat](http://chat.stackoverflow.com/rooms/103593/discussion-between-ved-and-ayo-k). – Ved Feb 16 '16 at 10:44

Page is not redirecting to updated URL

2 Answers2