如何在调用另一个函数之前调用React本机上下文文件中的函数？

import React, { useContext } from 'react';

const MyContext = React.createContext();

function myFunction() {
  // 执行需要在调用另一个函数之前执行的逻辑
}

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

function AnotherComponent() {
  const { myFunction } = useContext(MyContext);

  // 在调用另一个函数之前调用myFunction
  myFunction();

  return (
    // 组件的其他内容
  );
}