title: Replace element on hover in ReactJs
body: <p>In this code</p>
  
  <pre><code> &lt;div class='wrapper'&gt;
       &lt;div class='icon'&gt;
          &lt;i className="fa fa-fw fa-globe" style={{ fontSize: '1.75em' }} /&gt;
        &lt;/div&gt;
   &lt;/div&gt;
  </code></pre>
  
  <p>whenever the user hovers over the 'icon' div, this code</p>
  
  <pre><code>&lt;i className="fa fa-fw fa-globe" style={{ fontSize: '1.75em' }} /&gt;
  </code></pre>
  
  <p>should be replaced with this one</p>
  
  <pre><code>&lt;p&gt; Lorem ipsum &lt;/p&gt;
  </code></pre>
  
  <p>I able to achieve changing styles but don't know how to replace elements. Please help me in this.</p>