Supongamos que tengo el siguiente código:
const text = "This is a piece of text with a <a>link</a>"; const Comp = () => { return <div>{text}</div>; }; En la página resultante, veo el texto literal "Este es un fragmento de texto con un <a>enlace</a>". ¿Cómo convertir la palabra "enlace" en un elemento <a> real?
Necesita usar dangerouslySetInnerHTML para usarlo.
Verifique el fragmento a continuación.
function createMarkup() { const text = "This is a piece of text with a <a>link</a>"; return {__html: text}; } function setHtml() { return <div dangerouslySetInnerHTML={createMarkup()} />; } const Comp = () => { return <div>{setHtml()}</div>; };