import React from 'react'; import { Link } from 'react-router'; import { prefixLink } from 'gatsby-helpers'; import './style.css'; class SiteNav extends React.Component { render() { return ( <nav className="blog-nav"> <ul> <li> <Link to={prefixLink('/')} activeClassName="current" onlyActiveOnIndex> Articles </Link> </li> <li> <Link to={prefixLink('/about/')} activeClassName="current"> About me </Link> </li> <li> <Link to={prefixLink('/contact/')} activeClassName="current"> Contact me </Link> </li> </ul> </nav> ); } } export default SiteNav;