React:如何将返回的函数值传递给父组件？

// 父组件
class ParentComponent extends React.Component {
  handleFunctionValue = (value) => {
    // 处理函数值
    console.log(value);
  }

  render() {
    return (
      <ChildComponent onFunctionValue={this.handleFunctionValue} />
    );
  }
}

// 子组件
class ChildComponent extends React.Component {
  handleClick = () => {
    const functionValue = '函数值';
    this.props.onFunctionValue(functionValue);
  }

  render() {
    return (
      <button onClick={this.handleClick}>传递函数值</button>
    );
  }
}

// 创建Context
const FunctionValueContext = React.createContext();

// 父组件
class ParentComponent extends React.Component {
  handleFunctionValue = (value) => {
    // 处理函数值
    console.log(value);
  }

  render() {
    return (
      <FunctionValueContext.Provider value={this.handleFunctionValue}>
        <ChildComponent />
      </FunctionValueContext.Provider>
    );
  }
}

// 子组件
class ChildComponent extends React.Component {
  static contextType = FunctionValueContext;

  handleClick = () => {
    const functionValue = '函数值';
    this.context(functionValue);
  }

  render() {
    return (
      <button onClick={this.handleClick}>传递函数值</button>
    );
  }
}