Dynamically-created nav built from react routes

app.jsx

import React from 'react';
import { Link } from 'react-router';

export default class App extends React.Component {
  render() {
    return (
      <nav>
        <ul>
          {
            this.props.routes[0].childRoutes.map ( (route) => {
              return <li><Link to={route.path}>{route.component.name}</Link></li>
            })
          }
        </ul>
        {this.props.children}
      </nav>
    );
  }
}