Estoy usando dangerouslySetInnerHTML
SetInnerHTML en mi aplicación React (basada en TypeScript).
Lo estoy usando así:
<div dangerouslySetInnerHTML={{ __html: faq.answer }}/>
Estoy recibiendo este error:
Type 'string | Element' is not assignable to type 'string'.
¿Hay alguna forma de arreglar esto?
Obtengo HTML de un servidor como este <p>hello</p>
. Mi salida es correcta. Pero al crear la compilación, mi compilación se rompe porque estamos haciendo una verificación de tipos antes de la compilación.
No ha proporcionado muchos detalles, pero, suponiendo que desea serializar faq.answer
en el caso de que sea un elemento, puede usar Element.outerHTML
de esta manera:
<div dangerouslySetInnerHTML={{ __html: typeof faq.answer === 'string' ? faq.answer : faq.answer.outerHTML }}/>