En una aplicación ReactJs, obtener datos de un archivo Json que contiene algunas etiquetas HTML, que se muestra como una cadena sin interpretarlo como HTML.
Consideré usar peligrosamente SetInnterHTML. Sin embargo, según la documentación oficial de React, configurar HTML desde el código parece arriesgado.
Cualquier otra mejor práctica para lograr lo mismo.
Ejemplo Json:
{ "FAQ" : { "contents": "Lorem ipsum dolor sit amet. <a href=\"www.test.com\">www.test.com</a>", } }Para analizar etiquetas html en un contenido Json en una aplicación React, hay un paquete npm disponible con el nombre 'html-to-react'
Uso:
import React from 'react'; import convertHtmlToReact from '@hedgedoc/html-to-react'; class HtmlComponent extends React.Component { render() { const html = '<div>Example HTML string</div>'; return <div>{ convertHtmlToReact (html, true) }</div>; } }