Meta attributes inside Route?

[mikechau]

I'm building breadcrumbs for my application and I think it would be really helpful for a Route to have a sort of meta property, where you could give it whatever attributes you want.

For example:

<Route name="profiles" path="/profiles" meta={{ breadcrumbName: 'Company Directory', icon: 'phonebook' }} />

Then you could just iterate over this.getRoutes() and do whatever you need to do. I think it would be much more convinent for simple cases then maintaining a seperate store that has mappings for each route by name. Or is using a store with a mapping to the route names preferred?
#492 @irvinebroque

[agundermann]

Using a (global, immutable) name-props mapping is probably what I would do.

If you don't plan on using handlers for multiple routes, you could also consider putting those props on the handler statics and then do routes[0].handler.myProp. Finally, you could also wrap your handlers in a function as suggested in the Upgrade Guide.

There's another discussion about this in #615.

[malte-wessel]

+1

[malte-wessel]

I made a PR: #1002

[ryanflorence]

You can put that meta data on your handlers:

<Route name="profiles" path="/profiles" handler={Profiles} />

class Profiles extends React.Component {
  render () {
    var { icon } = this.constructor.breadcrumbs;
  }
}

Profiles.breadcrumbs = {
  breadcrumbName: 'Company Directory',
  icon: 'phonebook'
};

[ryanflorence]

oh, sorry @taurose I jumped straight to the comment box and missed yours!

[ivan-kleshnin]

You can put that meta data on your handlers

Most HOC builders entirely block access to original component, therefore to her static props.
We really need to reopen this issue. Everything is screwed by HOC: your data load example, ability to pass metadata etc. As the absolute minimum <Route /> should keep passed props and provide access to them within router.run.