如何访问其他组件属性。(React)

class Parent extends React.Component {
  render() {
    return <Child name="John" age={20} />;
  }
}

class Child extends React.Component {
  render() {
    const { name, age } = this.props;
    return <div>{name}, {age} years old</div>;
  }
}

const MyContext = React.createContext();

class Grandparent extends React.Component {
  render() {
    return (
      <MyContext.Provider value={{ name: "John", age: 20 }}>
        <Parent />
      </MyContext.Provider>
    );
  }
}

class Child extends React.Component {
  render() {
    return (
      <MyContext.Consumer>
        {({ name, age }) => (
          <div>{name}, {age} years old</div>
        )}
      </MyContext.Consumer>
    );
  }
}