子父组件传值或方法（React）

一， 父组件如何调用子组件的方法？  思路  ：

1.   父组件需要将一个中间方法传递给子组件，然后在子组件中就可以调用父组件中的该方法，

<Tabs onChange={e=>this.cutPages(e)}> <TabPane tab="待标记" key='1'> <RemarkNot onRef={this.onRef} /> </TabPane> <TabPane tab="已标记" key='2' > <Remarked onRef={this.onRef} /> </TabPane> </Tabs>

    2 .  子组件通过props去调用父组件的某一个方法，将this传递进    （这里将整个子组件当成一个值传递给父组件），去这个方法类似与一个中介值，如下。

componentDidMount(){ this.props.onRef(this) }

3.  在父亲组件的onRef方法中用this.child来接收ref参数，也就是子组件

onRef = (ref) => { this.child = ref; }

4.  在父组件中定义触发事件如点击、失去焦点等等，并且定义触发的方法

cutPages=(e)=>{ this.child.refreshSearch(); }

通过this.child也就是子组件去调用子组件中的refreshSearch()方法，这就完成了在父组件中去调用子组件中的某个方法了。

二 、 父组件像子组件传值

大家都会，用的很多

     。。。。。