使用react挂钩设置全局函数/变量

import React, { createContext } from 'react';

// 创建上下文对象
const GlobalContext = createContext();

// 在上下文对象中设置初始值
const initialState = {
  globalFunction: () => {
    // 全局函数的逻辑
  },
  globalVariable: 'initial value',
};

// 创建一个提供上下文值的组件
const GlobalProvider = ({ children }) => {
  return (
    <GlobalContext.Provider value={initialState}>
      {children}
    </GlobalContext.Provider>
  );
};

export { GlobalContext, GlobalProvider };

import React from 'react';
import { GlobalProvider } from './GlobalContext';
import ComponentA from './ComponentA';
import ComponentB from './ComponentB';

const App = () => {
  return (
    <GlobalProvider>
      <ComponentA />
      <ComponentB />
    </GlobalProvider>
  );
};

export default App;

import React, { useContext } from 'react';
import { GlobalContext } from './GlobalContext';

const ComponentA = () => {
  const { globalFunction, globalVariable } = useContext(GlobalContext);

  // 使用全局函数和变量
  globalFunction();
  console.log(globalVariable);

  return (
    // 组件A的JSX代码
  );
};

export default ComponentA;