如何在react中将函数变量从一个文件传递到另一个文件

export const myFunction = () => {
  // 函数逻辑
};

import { myFunction } from './sourceFile';

myFunction();

export const myFunction = () => {
  // 函数逻辑
};

import { myFunction } from './sourceFile';
import ChildComponent from './ChildComponent';

const ParentComponent = () => {
  return (
    <div>
      <ChildComponent myFunction={myFunction} />
    </div>
  );
};

const ChildComponent = ({ myFunction }) => {
  // 使用传递的函数变量
  myFunction();

  return (
    // 子组件内容
  );
};