title: Displaying pure html in react
body: <p>I playing with react-draft-wysiwyg editor. I progress quite well. But now I stuck how can I display the output of the editor.</p>
  
  <p>For example, let suppose body is the output of the wysiwyg editor:</p>
  
  <pre><code>function ShowHtml(props) {
    let body = '&lt;p&gt;Sample text with &lt;strong&gt;bold&lt;/strong&gt; and &lt;em&gt;italic&lt;/em&gt;&lt;/p&gt;'
    return (
      &lt;div&gt;
       {body}
      &lt;/div&gt;
    )
  }
  </code></pre>
  
  <p>Now the output will be exactly the same html with tags displayed without formatting.</p>
  
  <pre><code>&lt;p&gt;Sample text with &lt;strong&gt;bold&lt;/strong&gt; and &lt;em&gt;italic&lt;/em&gt;&lt;/p&gt;
  </code></pre>
  
  <p>And I would like something like this:</p>
  
  <blockquote>
    <p>Sample text with <strong>bold</strong> and <em>italic</em></p>
  </blockquote>
  
  <p>In jQuery I would just set the html property of the div tag. But I do not know how to do it the proper way in React. Can I just grab a reference to the div and update it somehow just like in jQuery? Is it working with the virtual Dom?</p>