Javascript useContextreact钩子

如何使用UseContext在整个项目中访问此常量“”数据“”？我正在努力实现，但我做不到。这不一定是UseContext，这只是我研究的一种方式

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


export default async function getItems() {
  try {
    const data = await api.get("/list-results");
    return data;
    
  } catch (error) {
    return error
  }
}

---

首先，为自己创建一个上下文：

const MyContext = React.createContext(defaultValue);

然后调用getItems（）并将结果存储在状态中，并将其传递给上下文提供程序：

const [storedData, setStoredData] = useState<MyData | null>(null);
useEffect(() => {
    getItems().then((data) => setStoredData(data));
}, []);
if (!storedData) return <div>Loading</div>;
return <MyContext.Provider value={}><MyApp/> </MyContext.Provider>;

代码未经测试，应视为伪代码

const data = useContext(MyContext);