如何使来自另一个兄弟组件的函数在按下时被调用？

// 父组件
class ParentComponent extends React.Component {
  handleButtonClick() {
    // 在这里定义需要在按下时被调用的函数逻辑
    console.log("Button clicked!");
  }

  render() {
    return (
      <div>
        <SiblingComponent1 onButtonClick={this.handleButtonClick} />
        <SiblingComponent2 onButtonClick={this.handleButtonClick} />
      </div>
    );
  }
}

// 兄弟组件1
class SiblingComponent1 extends React.Component {
  render() {
    return (
      <button onClick={this.props.onButtonClick}>
        点击按钮调用函数
      </button>
    );
  }
}

// 兄弟组件2
class SiblingComponent2 extends React.Component {
  render() {
    return (
      <div>
        <input type="button" value="按下按钮调用函数" onClick={this.props.onButtonClick} />
      </div>
    );
  }
}