react控制子组件渲染

父组件

import React, { Component } from 'react'
import ChatWindow from "./chatWindow";

class Home extends Component{
    constructor (props) {
        super(props)
        this.state = {
            isrender: false
        }
    }
    componentDidMount () {
    	// 渲染子组件
        this.setIsrender(true) 
    }
    
    // 控制组件
    setIsrender (state) {
        this.setState({
            isrender: state
        })
    }
  
    // 关闭
   close () {
   		this.setIsrender(false) 
   }
    render () {
        return(
	          <div>
	          		{this.state.isrender ? (
                        <ChatWindow
                            destroy={this.setIsrender.bind(this)}
                            onRef={this.onRef.bind(this)}
                        />
                    ) : null}
	          </div>
        )
    }
}

export default Home

最后

以上就是高兴白羊为你收集整理的react控制子组件渲染的全部内容，希望文章能够帮你解决react控制子组件渲染所遇到的程序开发问题。

如果觉得靠谱客网站的内容还不错，欢迎将靠谱客网站推荐给程序员好友。