How to get current route in react-router 2 0 0-rc5

Question

I have a router like below    lt Router history  hashHistory  gt       lt Route path     component  App  gt           lt IndexRoute component  Index   gt           lt Route path  login  component  Login   gt       lt  Route gt   lt  Router gt    Here s what I want to achieve     Redirect user to  login if not logged in If user tried to access  login when they are already logged in  redirect them to root     so now I m trying to check user s state in App s componentDidMount  then do something like   if   user isLoggedIn        this context router push  login     else if currentRoute     login         this context router push          The problem here is I can t find the API to get current route   I found this closed issue suggested using Router ActiveState mixin and route handlers  but it looks like these two solutions are now deprecated

User · Answer

You can get the current route using   const currentRoute   this props routes this props routes length - 1        which gives you access to the props from the lowest-level active  lt Route     gt  component   Given      lt Route path  childpath  component  ChildComponent    gt    currentRoute path returns  childpath  and currentRoute component returns function  class

User · Answer

Works for me in the same way        lt MyComponent     this props  gt     lt Route path  path1  name  pname1  component  FirstPath  gt         lt  MyComponent gt        And then  I can access  this props location pathname  in the MyComponent function   I forgot that it was I am       Following link describes more for make navigation bar etc   react router this props location

User · Answer

You could use the  isActive  prop like so   const   router     this context  if  router isActive   login          router push           isActive will return a true or false   Tested with react-router 2 7

User · Answer

In App js add the below code and try  window location pathname

User · Answer

After reading some more document  I found the solution   https   github com ReactTraining react-router blob master packages react-router docs api location md  I just need to access the injected property location of the instance of the component like   var currentLocation   this props location pathname

User · Answer

Try grabbing the path using  document location pathname  In Javascript you can the current URL in parts  Check out  https   css-tricks com snippets javascript get-url-and-url-parts-in-javascript

User · Answer

As of version 3 0 0  you can get the current route by calling      this context router location pathname   Sample code is below   var NavLink   React createClass       contextTypes            router  React PropTypes object             render                return                lt Link     this props  gt  lt  Link gt

User · Answer

For any users having the same issue in 2017  I solved it the following way   NavBar contextTypes         router  React PropTypes object      location  React PropTypes object     and use it like this   componentDidMount          console log this context location pathname

User · Answer

If you use the history then Router put everything into the location from the history such as   this props location pathname  this props location query    get it

[javascript] How to get current route in react-router 2.0.0-rc5

Examples related to javascript

Examples related to reactjs

Examples related to react-router