如何将AsyncStorage与React Native中的上下文提供程序一起使用？

import React, { createContext, useState } from 'react';

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

// 创建上下文提供程序组件
const MyContextProvider = ({ children }) => {
  const [data, setData] = useState(null);

  return (
    <MyContext.Provider value={{ data, setData }}>
      {children}
    </MyContext.Provider>
  );
};

export { MyContext, MyContextProvider };

import React from 'react';
import { MyContextProvider } from './MyContextProvider';
import App from './App';

const Root = () => {
  return (
    <MyContextProvider>
      <App />
    </MyContextProvider>
  );
};

export default Root;

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

const MyComponent = () => {
  const { data, setData } = useContext(MyContext);

  // 使用data和setData进行操作

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

export default MyComponent;