react 学习 父子组件调用

第一种:

通过定义函数实现 1 、父组件设置含有 this.setState({...})的方法,形参为接收子组件的变量

2 、将方法作为参数传递给子组件

 如<B sub={this.方法.bind(this)]/> 

3 、子组件通过 this.props.键名接收函数

 this.props.键名(子组件的数据) 

第二种:

通过父元素传递的函数在标签中通过箭头函数,直接传参 如:<button OnClick={()=>{this.props.函数(参数)}}></button> 

父调用子组件方法

1.把子组件的 this 指针挂载成父组件的一个变量，<ChildPage OnRef={c=>this.ChildPage=c}></ChildPage>，通过 onRef

2.如果父组件传来该方法 则调用方法将子组件 this 指针传过去，props.onRef(this)