你能在React App中拥有一个全局可访问的功能吗？

import React from 'react';

const AppContext = React.createContext();

export default AppContext;

import React from 'react';
import AppContext from './appContext';

function App() {
  const globalData = {
    // 全局需要共享的数据
    // 例如：user信息，设置项等
  };

  return (
    <AppContext.Provider value={globalData}>
      {/* 渲染其他组件 */}
    </AppContext.Provider>
  );
}

export default App;

import React from 'react';
import AppContext from './appContext';

function MyComponent() {
  return (
    <AppContext.Consumer>
      {(globalData) => (
        // 使用全局数据
        // 例如：globalData.user、globalData.settings等
        <div>{globalData.user.name}</div>
      )}
    </AppContext.Consumer>
  );
}

export default MyComponent;