title: React Router v4.0 - Redirect to a page outside of Router scope
body: <p>I'd like to be able to navigate to a home page outside of "subpage" defined in a &lt; Router >. Here's my component.</p>
  
  <pre><code>import * as React from 'react';
  import { BrowserRouter as Router, Route, Link } from 'react-router-dom';
  
  import { Search } from './page/Search';
  import { Quote } from './page/Quote';
  
  export class MainContent extends React.Component&lt;{}, {}&gt; {    
      redirectToHomepage(){
          // something.push('/')
      }
  
      render() {
          return (
              &lt;div id="main"&gt;
                  &lt;button onClick={this.redirectToHomepage}&gt;
                      Back Home
                  &lt;/button&gt;
                  &lt;Router&gt;
                      &lt;div&gt;
                          &lt;Route exact path="/" component={Search} /&gt;
                          &lt;Route path="/quote" component={Quote} /&gt;
                      &lt;/div&gt;
                  &lt;/Router&gt;
              &lt;/div&gt;
          );
      }
  }
  
  export default MainContent; 
  </code></pre>
  
  <p>By clicking on a button, I'd like to return to a homepage. Inside the { Search } component, I'm able to go to a page using <code>this.props.history.push('/quote');</code></p>
  
  <p>But how can I do it from the MainConent Component? </p>
  
  <p>Thank you </p>