Help: Use fluxible-router

[johankvint]

Hi,

When using the LeftNav I can only send in an array of menu items and when using fluxible-router I need the to be rendered with the fluxible-routers NavLink.
Anyone got this to work?

Regards

[johankvint]

In case anyone else have the same question this is my own answer:

import React from 'react';
import { navigateAction } from 'fluxible-router';
import { LeftNav } from 'material-ui';

class LeftNavComponent extends React.Component {

  static contextTypes = {
      executeAction: PropTypes.func.isRequired,
      getStore: PropTypes.func.isRequired,
  }

  _onChange = (event, selectedIndex, menuItem) => {
    const routeStore = this.context.getStore("RouteStore");
    const url = routeStore.makePath(menuItem.route, {});

    this.context.executeAction(navigateAction, {
        url: url
    });
  }

  toggle = () => {
    this.refs.leftNav.toggle();
  }

  render() {
    const menuItems = [
      {route: 'home', text: 'Home'},
    ];

    return (
      <LeftNav
        ref="leftNav"
        docked={false}
        isInitiallyOpen={false}
        menuItems={menuItems}
        onChange={this._onChange} />
    );
  }
}

export default LeftNavComponent;

[oliviertassinari]

@cybercomkvint Should we close this issue?

[johankvint]

Yes you can do that if you want.
Thanks.

On 23 Oct 2015 4:53 p.m., Olivier Tassinari [email protected] wrote:

@cybercomkvinthttps://github.com/cybercomkvint Should we close this issue?

Reply to this email directly or view it on GitHubhttps://github.com//issues/1965#issuecomment-150596752.