react 子组件调用父组件方法

在 React 中，子组件可以通过 props 将父组件的方法传递给子组件，然后在子组件中调用该方法。以下是一个示例：

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

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

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

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

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

在上面的代码中，父组件 `ParentComponent` 定义了一个名为 `handleButtonClick` 的方法。这个方法会在子组件 `ChildComponent` 中的按钮被点击时调用。通过将 `handleButtonClick` 方法作为 props 传递给子组件，并在子组件中的按钮 onClick 事件中触发该方法，从而实现了子组件调用父组件方法的功能。

这样，当你点击子组件中的按钮时，控制台将输出 "父组件的方法被调用"。你可以按照这个思路，在你的代码中实现子组件调用父组件方法的需求。