REact父组件如何调用子组件方法

React父组件可以通过refs来调用子组件的方法。具体步骤如下：

1.在子组件中使用ref属性创建一个子组件的引用。

2.在父组件中使用React.createRef()方法创建一个ref对象。

3.将步骤1中创建的子组件引用赋值给步骤2中创建的ref对象。

4.通过ref对象调用子组件的方法。

以下是一个示例代码：

<<引用: 子组件需要获取父组件的信息，这通过props就可以解决；父组件需要知道子组件的信息，这可以通过ref解决。 。>>

// Child.js
import React, { Component } from 'react';

class Child extends Component {
  // 子组件完成挂载时, 将子组件的方法 this 作为参数传到父组件的函数中
  componentDidMount() {
    // 在子组件中调用父组件的方法,并把当前的实例传进去
    this.props.onChildEvent(this);
  }

  // 子组件的方法, 在父组件中触发
  sendMessage = () => {
    console.log('sending message');
  };

  render() {
    return <span>Child</span>;
  }
}

export default Child;

// Parent.js
import React, { Component } from 'react';
import Child from './Child';

class Parent extends Component {
  constructor(props) {
    super(props);
    this.childRef = React.createRef();
  }

  componentDidMount() {
    // 调用子组件的方法
    this.childRef.current.sendMessage();
  }

  render() {
    return (
      <div>
        <Child ref={this.childRef} />
      </div>
    );
  }
}

export default Parent;