react中如何调用子组件方法

在 React 中，可以通过使用 ref 来调用子组件的方法。下面是一个例子：

首先，在父组件中创建一个 ref，用于引用子组件的实例：

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

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

  render() {
    return (
      <div>
        <ChildComponent ref={this.childRef} />
        <button onClick={() => this.handleClick()}>调用子组件方法</button>
      </div>
    );
  }
}

然后，在子组件中定义要被调用的方法：

class ChildComponent extends React.Component {
  childMethod() {
    // 子组件的方法逻辑
    console.log("子组件方法被调用");
  }

  render() {
    return (
      <div>
        子组件
      </div>
    );
  }
}

在父组件中，使用 ref 属性将子组件的引用赋值给创建的 ref。然后，你就可以通过 `this.childRef.current` 来访问子组件的实例，并调用其方法。

在上面的例子中，当点击按钮时，将调用子组件的 `childMethod` 方法，并在控制台打印出一条消息。