Correctly Navigating to React Route from Javascript

Question

I want to navigate to a react route after making a post request using the data returned from the post request. What's the correct way to do it using the latest react router?

import {Router} from react-router 

.....
.....

fetch(post_request).then(function(response){
    return response.json()
}).then(function(response){
    this.props.router.push('/new/information/' + response)
})

However this gives me an error saying router is not defined. How can I correctly navigate in react router in this situation? Thanks

Shubham Khatri · Accepted Answer · 2016-10-10 07:48:31Z

1

You need to call router from context

  contextTypes: {
    router: React.PropTypes.object.isRequired
  }
  fetch(post_request).then(function(response){
      return response.json()
  }).then(function(response){
      this.context.router.push('/new/information/' + response)
  })

answered Oct 10, 2016 at 7:48

Shubham Khatri

284k58 gold badges431 silver badges411 bronze badges

Sign up to request clarification or add additional context in comments.

3 Comments

rksh Over a year ago

this gives me an error context is undefined. how can I fix this? Thanks

Shubham Khatri Over a year ago

Which version of react-router you use and if you use version >2.0.0 then did you define the contextTypes in your component

rksh Over a year ago

Hi, the code is working now with some small modifications however the browser URL is not changing. I'm using the latest version of react, new question here please check stackoverflow.com/questions/39973549/…

Collectives™ on Stack Overflow

Correctly Navigating to React Route from Javascript

1 Answer 1

3 Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

3 Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related