JS实现父组件调用子组件内函数

一般比较多的是子组件调用到父组件

父组件调用子组件用的比较少

父组件：

 import Enclosure from './component/enclosure';//引入子组件
 let childRef : any = null

  handleChildEvent = (ref  : any) => {//用于在子组件中调用  将子组件的this保存在父组件中
    console.log(ref,'this指向的东西')
  	// 将子组件的实例存到 this.childRef 中, 这样整个父组件就能拿到
    childRef = ref
  }
  click=()={//这个函数就可以调用到子组件内sendMessage函数
     childRef.sendMessage()
  }
   render() {
      <Enclosure onChildEvent={this.handleChildEvent}/> //显示子组件
  }

子组件：

interface Props extends FormComponentProps {
  onChildEvent : any;
}


  componentDidMount()//在子组件渲染阶段，将子组件this通过父组件的onChildEvent函数，将子组件内的this保存在父组件中
    this.props.onChildEvent(this) 
  }