ReactJs: agrupar o Modem de interface de usuário semântica usando o “padrão” do Portal
Estou tentando envolver o componente Modal da interface do usuário semântica usando a abordagem do portal descritaaqui
Aqui está a minha opiniãohttp://jsfiddle.net/mike_123/2wvfjpy9/ No entanto, estou enfrentando um problema: ao obter uma referência DOM e renderizar uma nova marcação para ela, parece haver uma referência antiga ainda mantida.
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);
Qualquer ponteiro como corrigir este caso de testehttp://jsfiddle.net/mike_123/2wvfjpy9/