title: Implement react routing in html page from json
body: <p>I have some issue in implementing routing as expected. 
  My scenario here is I have a component, content inside the component is get from the json data in server. In the content there are some <code>&lt;a&gt;</code> tags, when I click on the link, page is reloading instead of how actual routing works.</p>
  
  <p>what I have tried is </p>
  
  <pre><code>import React, {Component} from 'react'
  ............. other imports ....
  const htmlContent=`&lt;div&gt; 
                       &lt;p&gt; Lorem ipsum content goes here &lt;/p&gt;
                        &lt;a href="/home"&gt;Home&lt;/a&gt;
                      &lt;/div&gt;`;
  export class InnerPage extends Component{
   ...... other stuffs .......
   render(){
      return(
        &lt;div&gt;
            // static content
           &lt;div dangerouslySetInnerHTML={{__html: htmlContent}} /&gt;
  
        &lt;/div&gt;
       )
    }
  }
  </code></pre>
  
  <p>Here it renders the html content as expected, but the routing is not working as expected. Any help will be appreciated.</p>