父组件向子组件通信

  1. props
    1. 传递参数
    2. 利用props自定义ref
  2. 原型方法

父组件通过React.createRef()创建Ref，保存在实例属性myRef上。父组件中，渲染子组件时，定义一个Ref属性，值为刚创建的myRef。

  1. class MyComponent extends React.Component {
  2.   constructor(props) {
  3.     super(props);
  4.     this.myRef = React.createRef();
  5.   }
  6.   render() {
  7.     return <div ref={this.myRef} />;
  8.   }
  9. }
  1. // 访问
  2. const node = this.myRef.current;
  1. 子组件向父组件通信

回调函数