如何在React中将引用传递给组件

// 父组件
import React from 'react';
import ChildComponent from './ChildComponent';

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

  render() {
    return (
      <div>
        <ChildComponent myRef={this.myRef} /> {/* 将引用传递给子组件 */}
      </div>
    );
  }
}

export default ParentComponent;

// 子组件
import React from 'react';

class ChildComponent extends React.Component {
  componentDidMount() {
    console.log(this.props.myRef); // 在子组件中可以通过props访问引用
  }

  render() {
    return <div>Child Component</div>;
  }
}

export default ChildComponent;