在React中将函数从祖父母传递给孙子

// 祖父组件
import React from 'react';

const Grandparent = () => {
  const handleClick = () => {
    console.log('Hello from Grandparent');
  };

  return (
    <Parent handleClick={handleClick} />
  );
};

// 父组件
const Parent = (props) => {
  return (
    <Child handleClick={props.handleClick} />
  );
};

// 孙子组件
const Child = (props) => {
  return (
    <button onClick={props.handleClick}>Click me</button>
  );
};

export default Grandparent;