How to update ReactJS component based on URL / path with React-Router

Question

How can I update a ReactJS component based on URL / path when using React-Router?

The code below works, but is this the correct way to do this? Seems like a lot of code

Answer 1

This has been updated if you are working with the react-router > v11.0.

You can read the details here

TLDR:

 // v0.11.x
 var Something = React.createClass({
   mixins: [ Router.State ],
   render: function () {
      var path = this.getPath();
   }
 });

For the full State API: https://github.com/rackt/react-router/blob/master/doc/04%20Mixins/State.md