如何将单个参数传递给返回组件的react函数？

// 父组件
import React from 'react';
import ChildComponent from './ChildComponent';

function ParentComponent() {
  // 定义一个函数，将参数作为函数的参数传入
  const handleParam = (param) => {
    console.log(param);
  };

  return (
    <div>
      {/* 将函数作为props传递给子组件 */}
      <ChildComponent handleParam={handleParam} />
    </div>
  );
}

export default ParentComponent;

// 子组件
import React from 'react';

function ChildComponent(props) {
  // 在需要的地方调用父组件传递的函数，并传入参数
  const handleClick = () => {
    props.handleParam('Hello World');
  };

  return (
    <div>
      <button onClick={handleClick}>点击传递参数</button>
    </div>
  );
}

export default ChildComponent;