如何从子节点调用父节点的函数，而不更新父节点的状态？

import React from 'react';

class ParentComponent extends React.Component {
  handleFunction() {
    // 处理函数逻辑
  }

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

import React from 'react';

class ChildComponent extends React.Component {
  handleClick() {
    // 在需要调用父组件函数的地方调用props传递的函数
    this.props.functionProp();
  }

  render() {
    return (
      <button onClick={this.handleClick.bind(this)}>调用父节点函数</button>
    );
  }
}

import React from 'react';

class ParentComponent extends React.Component {
  handleFunction() {
    // 处理函数逻辑
  }

  render() {
    return (
      <ChildComponent callback={this.handleFunction.bind(this)} />
    );
  }
}

import React from 'react';

class ChildComponent extends React.Component {
  handleClick() {
    // 在需要调用父组件函数的地方调用props传递的回调函数
    this.props.callback();
  }

  render() {
    return (
      <button onClick={this.handleClick.bind(this)}>调用父节点函数</button>
    );
  }
}