React context在首次登录时返回undefined，但在页面刷新时可用

<Context.Provider value={data}>
  // 子组件
</Context.Provider>

// 使用contextType
class MyComponent extends React.Component {
  static contextType = Context;
  render() {
    const data = this.context;
    // 使用context的值
  }
}

// 使用useContext
function MyComponent() {
  const data = React.useContext(Context);
  // 使用context的值
}

// 异步加载数据
const fetchData = async () => {
  // 加载数据的逻辑
};

// 在Provider组件中异步加载数据
const ContextProvider = ({ children }) => {
  const [data, setData] = React.useState(undefined);

  React.useEffect(() => {
    fetchData().then((result) => {
      setData(result);
    });
  }, []);

  return <Context.Provider value={data}>{children}</Context.Provider>;
};