react中父组件调用子组件的方法~~~~

react中父组件调用子组件的方法

class A extends Component{
	onref=(ref)=>{
		this.children = ref
	}	
	add =()=>{
		this.children .add(5)
	}
	render(){
		return <div>
			 <B onref = {this.onref}></B>
			 <button onClick={this.add}>点击<button>
		</div>
	}
}




class B extends Component{
	constructor(props) {
        super(props);
        this.props.onref(this)
            this.state = {
            count:1
            }
		}

   add =(ct)=>{
   		this.setState({count:ct})
   }
   render(){
	return <div>{count}</div>
 }
}

OK!
这样我们就可以调用到儿子身上的方法了！