在此ReactJs示例中如何使用此变量

class MyComponent extends React.Component {
  constructor(props) {
    super(props);
    this.state = {
      myVariable: 'initial value',
    };
  }

  render() {
    return (
      <div>
        <p>{this.state.myVariable}</p>
      </div>
    );
  }
}

class ParentComponent extends React.Component {
  render() {
    const myVariable = 'example value';

    return (
      <div>
        <ChildComponent myVariable={myVariable} />
      </div>
    );
  }
}

class ChildComponent extends React.Component {
  render() {
    return (
      <div>
        <p>{this.props.myVariable}</p>
      </div>
    );
  }
}

const MyContext = React.createContext();

class ParentComponent extends React.Component {
  render() {
    const myVariable = 'example value';

    return (
      <MyContext.Provider value={myVariable}>
        <ChildComponent />
      </MyContext.Provider>
    );
  }
}

class ChildComponent extends React.Component {
  static contextType = MyContext;

  render() {
    return (
      <div>
        <p>{this.context}</p>
      </div>
    );
  }
}