如何在functional component - ReactJs中调用函数

import React from 'react';

function MyComponent() {
  // 定义一个函数
  function handleClick() {
    console.log('Button clicked');
  }

  return (
    <button onClick={handleClick}>Click me</button>
  );
}

import React, { useEffect } from 'react';

function MyComponent() {
  useEffect(() => {
    // 组件渲染完成后执行的函数
    console.log('Component rendered');
  }, []);

  return (
    <div>My Component</div>
  );
}

import React from 'react';

function ParentComponent() {
  // 定义一个函数
  function handleClick() {
    console.log('Button clicked');
  }

  return (
    <ChildComponent onClick={handleClick} />
  );
}

function ChildComponent(props) {
  return (
    <button onClick={props.onClick}>Click me</button>
  );
}