React: Skript-Tag funktioniert nicht beim Einfügen mit dangerouslySetInnerHTML

Question

Feb 24, 2016, 11:48 PM

React: Skript-Tag funktioniert nicht beim Einfügen mit dangerouslySetInnerHTML

Ich versuche, den von meinem Server gesendeten HTML-Code so einzustellen, dass er in einem Div angezeigt wird, indem ich die dangerouslySetInnerHTML-Eigenschaft in React verwende. Ich habe auch Skript-Tag drin und benutze Funktionen, die in diesem HTML-Code definiert sind. Ich habe ein Fehlerbeispiel in JSFiddle @ gemacHie.

Dies ist der Testcode:

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}} />);
  }
});

Ich habe geprüft, und das Skript-Tag wurde zu DOM hinzugefügt, kann jedoch die in diesem Skript-Tag definierten Funktionen nicht aufrufen. Wenn dies nicht der richtige Weg ist, kann ich den Inhalt des Skript-Tags auf andere Weise einfügen.