var React = require('react');

var {Link} = require('react-router');

var Nav = React.createClass({
  render: function () {
    return (
      <div>
        <h2>Nav Component</h2>
          <Link to="/">Get Weather</Link>
          <Link to="/about">About</Link>
          <Link to="/examples">Examples</Link>
      </div>
    )
  }
});

module.exports = Nav;

var React = require('react');

var {Link, IndexLink} = require('react-router');

var Nav = React.createClass({
  render: function () {
    return (
      <div>
        <h2>Nav Component</h2>
          <IndexLink to="/" activeClassName="active" activeStyle={{fontWeight: 'bold'}}>Get Weather</IndexLink>
          <Link to="/about" activeClassName="active" activeStyle={{fontWeight: 'bold'}}>About</Link>
          <Link to="/examples" activeClassName="active" activeStyle={{fontWeight: 'bold'}}>Examples</Link>
      </div>
    )
  }
});

module.exports = Nav;

Add active class to active link.
Add active class to active link.

Fix active setting with IndexLink
