如何在上下文API中调用组件中的函数？

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

// 定义一个组件
function MyComponent() {
  // 获取上下文对象
  const context = useContext(MyContext);

  // 定义需要调用的函数
  function myFunction() {
    // 执行一些操作
  }

  // 在组件中调用上下文中的函数
  function handleClick() {
    context.myFunction();
  }

  return (
    <button onClick={handleClick}>调用函数</button>
  );
}

// 在父组件中提供上下文对象
function ParentComponent() {
  // 定义需要传递给子组件的函数
  function myFunction() {
    // 执行一些操作
  }

  return (
    <MyContext.Provider value={{ myFunction }}>
      <MyComponent />
    </MyContext.Provider>
  );
}