// This is straight from the overview.md in the react-router docs
var Router = ReactRouter;
var DefaultRoute = Router.DefaultRoute;
var Link = Router.Link;
var Route = Router.Route;
var RouteHandler = Router.RouteHandler;
var App = React.createClass({
render: function () {
return (
<div>
<header>
<ul>
<li><Link to="inbox">Inbox</Link></li>
<li><Link to="calendar">Calendar</Link></li>
</ul>
</header>
{/* this is the important part */}
<RouteHandler/>
</div>
);
}
});
var Inbox = React.createClass({
render: function () {
return (
<div>
This is the inbox
</div>
);
}
});
var Calendar = React.createClass({
render: function(){
return (
<div>
This is the calendar
</div>
);
}
});
var routes = (
<Route name="app" path="/wish/" handler={App} >
<Route name="inbox" handler={Inbox}/>
<Route name="calendar" handler={Calendar}/>
<DefaultRoute handler={Inbox}/>
</Route>
);
Router.run(routes, Router.HistoryLocation, function (Handler) {
React.render(
<Handler/>,
document.querySelector('#content')
);
});
// This is straight from the overview.md in the