如何在父组件中获得渲染的子组件？

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

  handleClick() {
    // 在父组件中通过ref访问子组件的方法或属性
    this.childRef.current.methodName();
  }

  render() {
    return (
      <div>
        <ChildComponent ref={this.childRef} />
        <button onClick={this.handleClick.bind(this)}>获取子组件</button>
      </div>
    );
  }
}

// 子组件
class ChildComponent extends React.Component {
  methodName() {
    // 子组件的方法
  }

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

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

  handleClick() {
    // 在父组件中通过ref访问子组件的方法或属性
    this.childRef.current.methodName();
  }

  render() {
    return (
      <div>
        <ChildComponent ref={this.childRef} />
        <button onClick={this.handleClick.bind(this)}>获取子组件</button>
      </div>
    );
  }
}

// 子组件
class ChildComponent extends React.Component {
  methodName() {
    // 子组件的方法
  }

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