react|react 父子组件之间的方法调用
【react|react 父子组件之间的方法调用】父子组件之间传值通过props、触发事件调用props的方法对父组件的state进行修改；
文章图片
父组件
文章图片
子组件 类似于vue中子组件通过props接受父组件传值，若要修改父组件值则emit事件进行修改。
父子组件之间的方法调用也是相同，要点就是将子组件的实例暴露出来给父组件，这样父组件才能调用子组件中方法：
一种针对单个DOM上操作方法的，可以暴露出该DOM的ref，下图两种都ok
文章图片
函数组件将button这个DOM传出 类组件将button DOM传出 另一种就是由于函数组件的this不是它的实例而是undefined，但类组件this指本身实例，因此我们可以在能够获取props值时的生命周期中将this暴露给父组件，这样父组件能够调用该组件内定义的所有方法。
文章图片
类组件将整个类组件实例传出 
文章图片
父组件接收ref值，此时的button根据情况结果不同，这样通过this.button.XX调用子组件方法
推荐阅读
- react|react 安装
- 动态组件与v-once指令
- vue组件中为何data必须是一个函数（）
- (六)Component初识组件
- Spring|Spring Boot 自动配置的原理、核心注解以及利用自动配置实现了自定义 Starter 组件
- vuex|vuex 基础结构
- SwiftUI|SwiftUI iOS 瀑布流组件之仿CollectionView不规则图文混合(教程含源码)
- React.js学习笔记(17)|React.js学习笔记(17) Mobx
- Vue组件之事件总线和消息发布订阅详解
- React.js的表单(六)