父子组件之间传值通过props、触发事件调用props的方法对父组件的state进行修改；
父组件
子组件
类似于vue中子组件通过props接受父组件传值，若要修改父组件值则emit事件进行修改。
父子组件之间的方法调用也是相同，要点就是将子组件的实例暴露出来给父组件，这样父组件才能调用子组件中方法：
一种针对单个DOM上操作方法的，可以暴露出该DOM的ref，下图两种都ok
函数组件将button这个DOM传出
类组件将button DOM传出
另一种就是由于函数组件的this不是它的实例而是undefined，但类组件this指本身实例，因此我们可以在能够获取props值时的生命周期中将this暴露给父组件，这样父组件能够调用该组件内定义的所有方法。
类组件将整个类组件实例传出
父组件接收ref值，此时的button根据情况结果不同，这样通过this.button.XX调用子组件方法
网友评论