如何在react中创建全局容器？

import React from 'react';

const GlobalContext = React.createContext();

const GlobalProvider = ({ children }) => {
  // 在这里定义全局容器的初始值和其他需要共享的数据
  const sharedData = {
    // ...
  };

  return (
    <GlobalContext.Provider value={sharedData}>
      {children}
    </GlobalContext.Provider>
  );
};

import React from 'react';
import ReactDOM from 'react-dom';
import App from './App';
import { GlobalProvider } from './store';

ReactDOM.render(
  <GlobalProvider>
    <App />
  </GlobalProvider>,
  document.getElementById('root')
);

import React from 'react';
import { GlobalContext } from './store';

const MyComponent = () => {
  return (
    <GlobalContext.Consumer>
      {sharedData => (
        // 在这里可以使用全局容器的值
        // 例如：sharedData.someValue
      )}
    </GlobalContext.Consumer>
  );
};