Я пытаюсь установить html, отправленный с моего сервера, чтобы показать внутри div, используя свойство dangerouslySetInnerHTML в React. У меня также есть тег script внутри него и использовать функции, определенные внутри того же самого внутри html. Я сделал пример ошибки в JSFiddle здесь.
Это тестовый код:
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}} />);
}
});
Я проверил и тег script добавлен в DOM, но не может вызывать функции, определенные в этом теге script. Если это не так, есть другой способ, с помощью которого я могу вставлять содержимое тега script.