每年培训输出1000+合格IT工程师
培训影响全国各大知名IT企业和部门

React v16 中 portal 的使用

<div id="app"></div>
<div id="app2"></div>
class Hello extends React.Component {

    constructor(props) {
        super(props);
        this.state = {
            flag:false
        }

        this.showPortal = this.showPortal.bind(this)
    }


    showPortal(){
       this.setState({
           flag:!this.state.flag
       })
    }

    render(){

            return <div>
                <input type="button" value="portal" onClick={this.showPortal} />
                {
                    this.state.flag?
                    ReactDOM.createPortal(<h1>hello portal</h1>,document.querySelector("#app2")):""
                }
            </div>


    }
}


ReactDOM.render(<Hello/>,document.querySelector("#app"))
赞(2) 打赏
未经允许不得转载:徐礼文的技术博客 » React v16 中 portal 的使用
分享到: 更多 (0)

评论 抢沙发

  • 昵称 (必填)
  • 邮箱 (必填)
  • 网址

觉得文章有用就打赏一下文章作者

支付宝扫一扫打赏

微信扫一扫打赏