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

要使来自另一个兄弟组件的函数在按下时被调用，可以通过以下步骤实现：

在兄弟组件之间建立通信：可以使用父组件作为中介，在父组件中定义一个函数，并将其作为props传递给两个兄弟组件。
在触发事件的组件中调用函数：在需要触发事件的组件中，通过props获取传递的函数，并在事件触发时调用该函数。

下面是一个示例代码：

// 父组件
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>
    );
  }
}

在上述示例中，父组件ParentComponent定义了handleButtonClick函数，并将其作为props传递给两个兄弟组件SiblingComponent1和SiblingComponent2。当兄弟组件中的按钮被点击时，通过props获取传递的函数并调用。

这种方式可以实现兄弟组件之间的函数调用，适用于需要在不同组件之间进行交互的场景，例如表单提交、状态更新等。对于更复杂的应用，可以考虑使用状态管理库（如Redux）或事件总线来实现组件之间的通信。