Actualmente tengo un problema con dangerlysetinnerhtml. Estoy tratando de permitir que las personas editen secciones a través de un documento js en reaccionar, y estas ediciones aparecen en forma de cadena. por ejemplo, una persona podría analizar lo siguiente como una cadena dentro del archivo js:
let html = `<div onClick="(input)=>{console.log(input)}">Click me</div>`
Y en mi código me gustaría mostrarlo como:
<div dangerouslySetInnerHTML={{ __html: html }}></div>;
El div parece estar bien, pero la función 'onClick' no se activa. He visto recomendaciones para usar HTML Parser, pero esa no es una opción ya que tengo restricciones para usar bibliotecas externas en este caso. ¿Alguien tiene alguna sugerencia sobre cómo debería funcionar esto?
¡Gracias!
Puedes hacerlo de esta manera si realmente lo necesitas.
let html = '<div onclick="console.log(this)">Click me</div>';
Y lo mismo que has hecho en tu código.
<div dangerouslySetInnerHTML={{ __html: html }}></div>;