如何在React中父组件的onChange调用中访问内部虚拟DOM元素

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

  handleChange = () => {
    // 通过ref对象访问子组件的方法或属性
    const childElement = this.childRef.current;
    // 访问子组件内部的虚拟DOM元素
    const domElement = childElement.getDOMElement();
    // 执行相应的操作
    console.log(domElement);
  }

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

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

  getDOMElement() {
    return this.domRef.current;
  }

  render() {
    return (
      <div ref={this.domRef}>
        子组件内容
      </div>
    );
  }
}