如何从React组件函数prop中获取返回值？

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

function ParentComponent() {
  const handleReturnValue = () => {
    // 处理返回值的逻辑
    return '返回的值';
  };

  return (
    <div>
      <ChildComponent handleReturnValue={handleReturnValue} />
    </div>
  );
}

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

function ChildComponent(props) {
  const handleClick = () => {
    const returnValue = props.handleReturnValue();
    console.log(returnValue);
  };

  return (
    <button onClick={handleClick}>获取返回值</button>
  );
}