Реагируйте: тег Script не работает при вставке с использованием опасно SetInnerHTML

Я пытаюсь установить 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}} />);
  }
});

Я проверил, и тег сценария добавлен в DOM, но не может вызвать функции, определенные в этом теге сценария. Если это не правильный путь, есть ли другой способ, которым я могу ввести содержимое тега скрипта.

Ответы на вопрос(3)

Ваш ответ на вопрос