title: Implement HTML Entity Decode in react.js
body: <p>I am outputting the text using API from the server, and  I have an admin which has the html fields for facilitating filling the content. The issue in here that now the text displaying with html codes. How I can get rid of that undeeded html codes. I guess I have to use html entity decode? How I will implement that in react project? Below you see that the text illustrates not only text and html code.</p>
  
  <p><a href="https://i.stack.imgur.com/2zrTV.jpg" rel="noreferrer"><img src="https://i.stack.imgur.com/2zrTV.jpg" alt="enter image description here"></a></p>
  
  <pre><code>  export  class FullInfoMedia extends React.Component {
      render() {
          const renderHTML = (escapedHTML: string) =&gt; React.createElement("div", { dangerouslySetInnerHTML: { __html: escapedHTML } });
  
          return (
              &lt;div&gt;
                  &lt;div className="about-title"&gt;
                      &lt;div className="container"&gt;
                          &lt;div className="row"&gt;
                              &lt;img className="center-block" src={this.props.about.image}/&gt;
  
                              &lt;h2&gt;{this.props.about.title}&lt;/h2&gt;
                              {renderHTML(&lt;p&gt;{this.props.about.body}&lt;/p&gt;)} 
                          &lt;/div&gt;
                      &lt;/div&gt;
                  &lt;/div&gt;
              &lt;/div&gt;
          );
      }
  }
  </code></pre>