ReactJs: Semantisches UI-Modal mithilfe des Portal-Musters umbrechen
Ich versuche, die semantische UI-Modalkomponente mithilfe des beschriebenen Portalansatzes zu verpacken.Hie
Hier ist meine Einstellung dazuhttp: //jsfiddle.net/mike_123/2wvfjpy9 Ich stoße jedoch auf ein Problem, wenn eine DOM-Referenz abgerufen und ein neues Markup darin gerendert wird, scheint die alte Referenz noch beibehalten zu werden.
render: function() {
return <div className="ui modal"/>; <-- the idea at first was to only return <div/>
},
...
React.render(<div > <----------- originally this element had className="ui modal", but this.node doesn't seem to overtake the original node reference
<i className="close icon"></i>
<div className="header">test</div>
<div className="content">
{props.children}
</div>
</div>, <-----------
this.node);
Alle Hinweise, wie dieser Testfall behoben wirdhttp: //jsfiddle.net/mike_123/2wvfjpy9