Meteor React Material-UI LeftNav Routing Problem


#1

I am trying to evaluate how to use Meteor React with Material-UI

React Router is using meteor-react-router-ssr

I want to bind different components to corresponding menu items, but it does not work.

The files are located https://github.com/ansonla3/React
Please help


#2

Sorry, can’t answer your question regarding React Router, but I found that flow-router works well with React and Material UI. This is how I would do it with flow:

const menuItems = [
  { text: 'Home', target: '/home' },
  { text: 'About', target: '/about' },
  { text: 'Contact', target: '/contact' }
];
	
_onLeftNavChange(e, selectedIndex, menuItem){
  if(menuItem.target){
	FlowRouter.go(menuItem.target);
  }
}

#3

many thanks…nice…