子组件调用父组件方法

在 React 中，子组件可以通过 props 传递回调函数来调用父组件的方法。以下是一个示例：

// 父组件
class ParentComponent extends React.Component {
  handleButtonClick() {
    console.log("父组件方法被调用");
  }

  render() {
    return (
      <div>
        <ChildComponent handleClick={this.handleButtonClick} />
      </div>
    );
  }
}

// 子组件
class ChildComponent extends React.Component {
  render() {
    return (
      <div>
        <button onClick={this.props.handleClick}>调用父组件方法</button>
      </div>
    );
  }
}

在上述示例中，父组件定义了一个名为 `handleButtonClick` 的方法，并将其作为 props 传递给子组件 `ChildComponent`。子组件中的按钮通过 `onClick` 事件触发了父组件传递的回调函数 `handleClick`，从而调用了父组件的方法。

当点击子组件中的按钮时，将会在控制台输出 "父组件方法被调用"。这就是子组件如何调用父组件方法的基本方法。