class组件父组件调用子组件的方法

在React.js 中，组件间的通信通常通过props和回调函数进行。如果父组件需要调用子组件的方法，一种常见的方式是通过`ref`属性创建一个引用到子组件的实例，并在其上设置一个可以触发子组件方法的属性。

例如：

class ParentComponent extends React.Component {
  constructor(props) {
    super(props);
    this.childRef = React.createRef(); // 创建一个ref
  }

  callChildMethod = () => {
    if (this.childRef.current) { // 确保子组件已渲染
      this.childRef.current.childMethod(); // 调用子组件的childMethod方法
    }
  }

  render() {
    return (
      <ChildComponent ref={this.childRef} /> // 将ref传递给子组件
      // ...
      <button onClick={this.callChildMethod}>调用子方法</button>
    );
  }
}

class ChildComponent extends React.Component {
  childMethod() {
    // 子组件方法的具体实现
  }
}

在这个例子中，`ParentComponent`通过`callChildMethod`方法间接地调用了`ChildComponent`中的`childMethod`。当用户点击按钮时，会执行对子组件方法的调用。