react父组件调用子组件方法

父组件通过props将一个方法传进子组件中，子组件将要自己的this传出来，这样父组件就能拿到子组件的作用域了

把子组件的参数回传到父组件中,并且赋值给子组件的一个实例方法.

参考React中文网： http://www.css88.com/react/docs/refs-and-the-dom.html

1. import React, {Component} from 'react';
3. export default class Parent extends Component {
4. render() {
5. return(
6. <div>
7. <Child onRef={this.onRef} />
8. <button onClick={this.click} >click</button>
9. </div>
10. )
11. }
13. onRef = (ref) => {
14. this.child = ref
15. }
17. click = (e) => {
18. this.child.myName()
19. }
21. }
23. class Child extends Component {

componentDidMount(){

1.         //必须在这里声明，所以 ref 回调可以引用它
2. this.props.onRef(this)
3. }
5. myName = () => alert('我的名字')
7. render() {
8. return ('lalalala')
9. }
10. }