Implementar decodificação de entidade HTML no react.js
Estou produzindo o texto usando a API do servidor e tenho um administrador que possui os campos html para facilitar o preenchimento do conteúdo. A questão aqui que agora o texto exibido com códigos html. Como posso me livrar desses códigos html desnecessários. Eu acho que tenho que usar a decodificação de entidade html? Como implementarei isso no projeto react? Abaixo, você vê que o texto ilustra não apenas o texto e o código html.
export class FullInfoMedia extends React.Component {
render() {
const renderHTML = (escapedHTML: string) => React.createElement("div", { dangerouslySetInnerHTML: { __html: escapedHTML } });
return (
<div>
<div className="about-title">
<div className="container">
<div className="row">
<img className="center-block" src={this.props.about.image}/>
<h2>{this.props.about.title}</h2>
{renderHTML(<p>{this.props.about.body}</p>)}
</div>
</div>
</div>
</div>
);
}
}