React 有没有办法访问父组件实例

React 是一个流行的 JavaScript 库，用于构建用户界面。在 React 中，组件之间的通信是通过 props 和 state 进行的。通常情况下，子组件可以通过 props 从父组件中获取数据和方法，但是如果需要访问父组件实例本身，React 提供了一种简单的方式来实现。

jsx
import React from 'react';
class ParentComponent extends React.Component {
  constructor(props) {
    super(props);
    this.state = {
      message: 'Hello from parent component'
    };
  }
  handleCallback = () => {
    console.log('Accessing parent component instance');
    console.log(this.state.message);
  }
  render() {
    return (
      
        
      
    );
  }
}
class ChildComponent extends React.Component {
  render() {
    return (
      
        Access Parent Component
      
    );
  }
}

jsx
import React from 'react';
const MyContext = React.createContext();
class ParentComponent extends React.Component {
  constructor(props) {
    super(props);
    this.state = {
      message: 'Hello from parent component'
    };
  }
  render() {
    return (
      
        
      
    );
  }
}
class ChildComponent extends React.Component {
  static contextType = MyContext;
  render() {
    const { message } = this.context;
    return (
      
        
{message}
      
    );
  }
}