soy nuevo en JSX, especialmente aprendiendo esto para los bloques de gutenberg. Estoy tratando de convertir de alguna manera una cadena de html para que reaccione puramente con babel. Vi que hay una función en la transform de babel para lograr eso, pero no puedo usarla y hay casi no hay información al respecto en ninguna parte si hay alguna forma de convertir las cosas de esta manera, dígame cuál es el ejemplo de código a continuación
este
let str = ` <div> <h1>test</h1> </div> `a esto
/*#__PURE__*/ React.createElement("div", null, /*#__PURE__*/React.createElement("h1", null, "test"));Puedes usar react-html-parser . Hace exactamente eso.
https://www.npmjs.com/package/react-html-parser
import ReactHtmlParser from 'react-html-parser'; const HTMLRenderingComponent = () => { const htmlString = '<div>Example HTML string</div>'; return ReactHtmlParser(htmlString); }Puede usar reaccionar-html-parser. Hace exactamente eso.
https://www.npmjs.com/package/react-html-parser
ejemplo:
import React from 'react'; import ReactHtmlParser, { processNodes, convertNodeToElement, htmlparser2 } from 'react-html-parser'; class HtmlComponent extends React.Component { render() { const html = '<div>Example HTML string</div>'; return <div>{ ReactHtmlParser(html) }</div>; } }