tutorials/frontendJS/universal-react/src/components/AthleteMenu.js

19 lines
438 B
JavaScript

import React from 'react';
import { Link } from 'react-router';
import athletes from '../data/athletes';
class AthleteMenu extends React.Component {
render() {
return (
<nav className="atheletes-menu">
{athletes.map(menuAthlete => {
return <Link key={menuAthlete.id} to={`/athlete/${menuAthlete.id}`} activeClassName="active">
{menuAthlete.name}
</Link>;
})}
</nav>
);
}
}
export default AthleteMenu;