如何将孙子数据传递到GrandParent组件中，而不将数据传递给Reactjs中的中间组件？

import React from 'react';

const MyContext = React.createContext();

import React from 'react';

const MyContext = React.createContext();

class GrandParent extends React.Component {
  render() {
    return (
      <MyContext.Provider value="孙子数据">
        <Parent />
      </MyContext.Provider>
    );
  }
}

import React from 'react';

const MyContext = React.createContext();

class Parent extends React.Component {
  render() {
    return (
      <div>
        <Child />
      </div>
    );
  }
}

class Child extends React.Component {
  render() {
    return (
      <MyContext.Consumer>
        {value => <p>{value}</p>}
      </MyContext.Consumer>
    );
  }
}