小编mik*_*123的帖子

ReactJs:使用Portal"模式"包装语义UI模式

我正在尝试使用此处描述的门户方法来包装Semantic UI Modal组件

这是我对它的看法http://jsfiddle.net/mike_123/2wvfjpy9/ 虽然我遇到了问题,但是当获得一个DOM引用并将新标记渲染到其中时,似乎仍然保留了旧的引用.

render: function() {
    return <div className="ui modal"/>; <-- the idea at first was to only return <div/>
},
Run Code Online (Sandbox Code Playgroud)

...

        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);
Run Code Online (Sandbox Code Playgroud)

任何指针如何修复此测试用例http://jsfiddle.net/mike_123/2wvfjpy9/

portal modal-dialog reactjs

4
推荐指数
2
解决办法
4989
查看次数

标签 统计

modal-dialog ×1

portal ×1

reactjs ×1