我们是否可以在React js中创建和存储对另一个组件中的类的引用？

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

  handleClick = () => {
    // 使用this.childRef.current访问子组件的实例
    console.log(this.childRef.current);
  };

  render() {
    return (
      <div>
        <ChildComponent ref={this.childRef} />
        <button onClick={this.handleClick}>Click me</button>
      </div>
    );
  }
}

class ChildComponent extends React.Component {
  render() {
    return <div>Child Component</div>;
  }
}

const ForwardedComponent = React.forwardRef((props, ref) => (
  <div ref={ref}>Forwarded Component</div>
));

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

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