Access to the current Route

I haven’t found a way to get access to the current route that gave rise to the route handler - i’ve hacked your code in RouteHandler like this…

  createChildRouteHandler(props) {
var route = this.context.router.getRouteAtDepth(this.getRouteDepth());

if (route == null)
  return null;

var childProps = assign({}, props || this.props, {
  ref: REF_NAME,
  params: this.context.router.getCurrentParams(),
  query: this.context.router.getCurrentQuery(),
  route:route
});

return React.createElement(route.handler, childProps);

}

I’m sure this isn’t the way to do it but is there a better way to get this access?

[salmanm]

@ryanflorence Does this.props.route serve the purpose of finding the depth of current route? Because I’ve seen it to return the Main route. For e.g. if following are my Routes

<Route path="/" component={Main}>
  <IndexRoute component={SomeComponent}/>
  <Route path="/some-other-path" component={SomeOther} />
</Route>

Then inside Main.js, I can only see this.props.route as Main route even if I have navigated to /some-other-path.

Basically, how in 1.0 do we find if we’re at root route level or not? To show side menu, or back button.

Any idea?

[sethmcleod]

@salmanm In v1.0 was able to find the current route pathname by using this.props.location.pathname. You could then check that against / to see if you’re at the root level, or use it to run code conditionally for different routes.