在React中将ref从子对象传递到父对象再传递到另一个子对象

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

  handleRef = (ref) => {
    // 在这里可以对子对象的ref进行操作
    console.log(ref);
  }

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

class ChildComponent extends React.Component {
  componentDidMount() {
    // 在适当的时候调用回调函数，并传递子对象的ref
    this.props.onRef(this.childRef);
  }

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