title: React: Stop page reload on clicking on anchor tag for scrolling
body: <p>I am currently using react to create a Wikipedia style website. For data entry reasons, I am fetching an entire HTML from the database and then using dangerouslySetInnerHTML to set some part of it, like so: </p>
  
  <pre><code>dangerouslySetInnerHTML={{ __html: this.props.section.text }}
  </code></pre>
  
  <p>Now there are other parts of the page that have a video playing in it, however every time I click on an <code>&lt;a href="#id&gt;</code> style tag (set using the database) to navigate to another part of the same page, the entire page refreshes.</p>
  
  <p>This creates a problem since the video reloads as well and starts playing from the beginning.</p>
  
  <p>Is there any way to use a dangerously set anchor tag to scroll to parts of a page in React without full page reload?</p>
  
  <p>Edit: Using following versions:</p>
  
  <blockquote>
    <p>"react": "^16.0.0", "react-router-dom": "^4.2.2"</p>
  </blockquote>