Bug? LeftNav route not working.

[mewben]

http://material-ui.com/#/components/left-nav

The routes get-started, css-framework and components didn't do anything.

[afhammad]

Hi mewben, I found this confusing too. The route attribute isn't actually a property, you could call it anything you want. You need to handle this in the onChange callback: (see https://github.com/callemall/material-ui/blob/2eb14e69c411e9165d696df1a88d4ac8036591bf/docs/src/app/components/app-left-nav.jsx#L56)

Alternatively you can use the LINK menu item type and pass in the url like shown in the doc you linked.

[mewben]

Ahh.. I see.. Thanks @afhammad

[ayozebarrera]

I'm having a problem with this... the callback onChange never fires.... why?

I followed the docs aswell having:

Component

<LeftNav
  ref="leftNav"
  docked={true}
  isInitiallyOpen={false}
  header={header}
  menuItems={menuItems}
  selectedIndex={this._getSelectedIndex()}
  onChange={this._onLeftNavChange} />

_onLeftNavChange function

_onLeftNavChange(e, key, payload) {
  this.context.router.transitionTo(payload.route);
}

but the _onLeftNavChange never fires.. what's my mistake?

thanks

[ayozebarrera]

Nevermind.

I forgot the injectTapEventPlugin(); ^^