title: Access location property in App component
body: <p>Is there a way to access the props from react router in my App component? I am trying to access the <code>this.props.location</code> property from the <code>BrowserRouter</code> in <code>App.js</code> so that I can pass it into <code>HeaderContainer</code>.</p>
  
  <p><strong>index.js</strong></p>
  
  <pre><code>function renderApp() {
      ReactDOM.render(
          &lt;BrowserRouter&gt;
              &lt;App /&gt;
          &lt;/BrowserRouter&gt;,
          document.getElementById('react-app')
      );
  }
  renderApp();
  </code></pre>
  
  <p><strong>App.js</strong></p>
  
  <pre><code>export default class App extends Component {
      constructor(props) {
          super(props);
      }
  
      render() {
          return (
              &lt;div id="app"&gt;
                  &lt;HeaderContainer /&gt;
                  &lt;Main /&gt;
                  &lt;Footer /&gt;
              &lt;/div&gt;
          );
      }
  }
  </code></pre>