Reaccionar: la etiqueta del script no funciona cuando se inserta usando dangerouslySetInnerHTML
Estoy tratando de configurar html enviado desde mi servidor para que se muestre dentro de un div usando la propiedad dangerouslySetInnerHTML en React. También tengo una etiqueta de script dentro y uso funciones definidas en el mismo dentro de ese html. He hecho un ejemplo de error en JSFiddleaquí.
Este es el código de prueba:
var x = '<html><scr'+'ipt>alert("this.is.sparta");function pClicked() {console.log("p is clicked");}</scr'+'ipt><body><p onClick="pClicked()">Hello</p></body></html>';
var Hello = React.createClass({
displayName: 'Hello',
render: function() {
return (<div dangerouslySetInnerHTML={{__html: x}} />);
}
});
Verifiqué y la etiqueta de script se agrega a DOM, pero no puedo llamar a las funciones definidas dentro de esa etiqueta de script. Si esta no es la forma correcta, ¿hay alguna otra forma de inyectar el contenido de la etiqueta del script?