ReactJs: обернуть Semantic UI Модальный, используя «шаблон» портала

Я пытаюсь обернуть Semantic UI Модальный компонент, используя описанный подход порталаВот

Вот мой взгляд на этоhttp://jsfiddle.net/mike_123/2wvfjpy9/ Я сталкиваюсь с проблемой, хотя, при получении ссылки DOM и рендеринга новой разметки в нем, кажется, старая ссылка все еще сохраняется.

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

Любые указатели, как исправить этот контрольный примерhttp://jsfiddle.net/mike_123/2wvfjpy9/

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

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