如何将参数传递给React中函数组件中的函数

// 父组件
function ParentComponent() {
  const handleFunction = (param) => {
    // 处理传递的参数
    console.log(param);
  };

  return (
    <ChildComponent functionProp={handleFunction} />
  );
}

// 子组件
function ChildComponent(props) {
  const handleClick = () => {
    // 调用父组件传递的函数并传递参数
    props.functionProp('参数值');
  };

  return (
    <button onClick={handleClick}>点击按钮</button>
  );
}

// 创建Context对象
const MyContext = React.createContext();

// 父组件
function ParentComponent() {
  const handleFunction = (param) => {
    // 处理传递的参数
    console.log(param);
  };

  return (
    <MyContext.Provider value={handleFunction}>
      <ChildComponent />
    </MyContext.Provider>
  );
}

// 子组件
function ChildComponent() {
  return (
    <MyContext.Consumer>
      {functionProp => (
        <button onClick={() => functionProp('参数值')}>点击按钮</button>
      )}
    </MyContext.Consumer>
  );
}

function MyComponent() {
  const [param, setParam] = useState('');

  useEffect(() => {
    // 调用函数并传递参数
    handleFunction(param);
  }, [param]);

  const handleFunction = (param) => {
    // 处理传递的参数
    console.log(param);
  };

  return (
    <button onClick={() => setParam('参数值')}>点击按钮</button>
  );
}