react context 的数据状态管理

XxxContext.tsx

import { createContext, useContext, useEffect, useState } from 'react';

const XxxContext = createContext({});

export function XxxContextProvider(props: { children: React.ReactNode }) {
  const [state, setState] = useState();

  const value = { state, setState };

  return <XxxContext.Provider value={value}>{props.children}</XxxContext.Provider>;
}

export function useXxxContext() {
  const context = useContext(XxxContext);

  return context;
}