title: React Router 1.0 using router.transitionTo() without Navigation mixin
body: <p>Is there an easier way to access the <code>Router</code> object from a component to do things like call <code>transitionTo()</code> without using the Navigation mixin? This is an ES6 component. Currently on an event like a button click, I have been writing something like this:</p>
  
  <pre class="lang-js prettyprint-override"><code>class Button extends React.Component {
    handleClick(e) {
      e.preventDefault();
      var router = this._reactInternalInstance._context.router;
      router.transitionTo('/search');
    }
  
    render() {
      return (
        &lt;button onClick={this.handleClick.bind(this)}&gt;
          {this.props.children}
        &lt;/button&gt;
      );
    }
  }
  </code></pre>