title: Using anchor tags in react-router 4
body: <p>I want the page to scroll down to my anchor tags when a user navigates to it through an anchor link.</p>
  
  <p>I'm using react-router 4 and I've defined things as follows:</p>
  
  <p>navbar:</p>
  
  <pre><code>export default (props) =&gt; {
    const { 
      updateModal,
      updateRoute,
    } = props
    return(
      &lt;Navbar fluid collapseOnSelect&gt;
        &lt;Nav&gt;
          &lt;NavDropdown eventKey="4" title="Solutions" id="nav-dropdown" noCaret&gt;
            &lt;MenuItem eventKey="4.1"&gt;
               &lt;Link to='/solution#ipos'&gt;TESTING ANCHOR&lt;/Link&gt;
            &lt;/MenuItem&gt;
  ...
  </code></pre>
  
  <p>some route:</p>
  
  <pre><code>export default class extends Component {
    constructor() {
      super()
      this.state = {
        isLoading: true
      }
    }
    render() {
      return (
        &lt;Grid className='solutions' fluid&gt;
         &lt;Row className='someClass'&gt;
          &lt;div&gt;
            &lt;h2&gt;&lt;a href='ipos' id='ipos'&gt;Ipos morna santos paros&lt;/a&gt;&lt;/h2&gt;
            ...
  </code></pre>
  
  <p>I can see the hash anchor tag in the url and in my redux store when I click on the anchor link in the navebar, and it indeed navigates to the new route, but it doesn't scroll down to the tag itself.</p>
  
  <p>Is it up to me to create the scroll function or how is it supposed to work exactly?</p>