title: Insert Link with React variable statements (JSX)
body: <p>If we have to insert normal html elements with React Variables in JSX, it is easy, We can use <a href="https://stackoverflow.com/questions/19266197/reactjs-convert-to-html"> dangerouslySetInnerHTML</a>, or we can use any npm packahe <a href="https://www.npmjs.com/package/html-react-parser" rel="nofollow noreferrer">html-react-parser</a>. </p>
  
  <p>Below code works fine. </p>
  
  <pre><code>const thisIsMyCopy = '&lt;p&gt;copy copy copy &lt;strong&gt;strong copy&lt;/strong&gt;&lt;/p&gt;';
  render: function() {
      return (
          &lt;div className="content" dangerouslySetInnerHTML={{__html: thisIsMyCopy}}&gt;&lt;/div&gt;
      );
  }
  </code></pre>
  
  <p>But If we try to add any Link element inside the html, It do not convert into anchor tag. </p>
  
  <pre><code>const thisIsMyCopy = '&lt;Link to="/button" &gt;button&lt;/Link&gt;';
  </code></pre>
  
  <p>If we inspect this element, this does not shows as anchor tag,  Below is the Sandbox example for this. </p>
  
  <p><a href="https://codesandbox.io/embed/react-example-y5m94?fontsize=14&amp;hidenavigation=1&amp;theme=dark" rel="nofollow noreferrer">https://codesandbox.io/embed/react-example-y5m94?fontsize=14&amp;hidenavigation=1&amp;theme=dark</a> 
  I hope, many of you react developer must have </p>