将全局配置获取到react挂钩

// config.js
const config = {
  apiUrl: 'https://api.example.com',
  apiKey: 'your-api-key',
  theme: 'light',
};

export default config;

// App.js
import React from 'react';
import config from './config';

export const ConfigContext = React.createContext(config);

function App() {
  return (
    <ConfigContext.Provider value={config}>
      {/* 其他组件 */}
    </ConfigContext.Provider>
  );
}

export default App;

// ExampleComponent.js
import React, { useContext } from 'react';
import { ConfigContext } from './App';

function ExampleComponent() {
  const config = useContext(ConfigContext);

  // 使用全局配置信息
  console.log(config.apiUrl);
  console.log(config.theme);

  return (
    // 组件内容
  );
}

export default ExampleComponent;