react-router-link.js

react-router-link.js

/**
 * Highlighted Link Component extends the react-router Link component
 * by adding a class to the active link.
 */
define(['react', 'react-router'], function(React, Router) {
  return React.createClass({

    mixins: [Router.NavigatableMixin],

    isActive: function() {
      return this.getPath() === this.props.href
    },

    render: function() {
      var className
      if (this.props.activeClassName && this.isActive()) {
        className = this.props.activeClassName
      }
      var link = Router.Link({className: className}, this.props.children)
      return this.transferPropsTo(link)
    }
  });
});