19 lines
438 B
JavaScript
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;
|