react基础之 父组件调用子组件的方法

export default class  extends Component {
     render() {
         return(
             <div>
                 <Child alias={this.doSth} /><br/>
                 <button onClick={this.click} >父组件click</button>
             </div>
         )
     }

     doSth = (ref) => {    
         this.anything = ref
     }

     click = (e) => {
         this.anything.myName()
     }

 }

 class Child extends Component {
     componentDidMount(){
         this.props.alias(this)  //子组件中的this作为参数传入
     }

     myName = () => alert('click me ')

     render() {
         return ('我是子组件')
     }
 }

export default class  extends Component {
  render() {
      return(
          <div>
              <Child alias={(ref)=>{this.anything = ref}}/><br/>
              <button onClick={()=>{this.anything.myName()}} >父组件click</button>
          </div>
      )
  }
}

class Child extends Component {
  componentDidMount(){
      this.props.alias(this)
  }

  myName = () => alert('click me ')

  render() {
      return ('我是子组件')
  }
}