如何让一个组件中的按钮onClick调用另一个组件中的函数

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

class ComponentA extends React.Component {
  handleClick = () => {
    // 调用传递过来的函数
    this.props.onClick();
  }

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

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

class ComponentB extends React.Component {
  handleClick = () => {
    console.log('按钮被点击');
  }

  render() {
    return (
      <ComponentA onClick={this.handleClick} />
    );
  }
}