react 子调用父组件函数

在React中，子组件调用父组件函数的常用方式是通过props传递函数给子组件，然后在子组件中调用该函数。下面是一个简单的示例：

父组件：

import React from 'react';

class ParentComponent extends React.Component {
  handleClick() {
    console.log('父组件函数被调用');
  }

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

export default ParentComponent;

子组件：

import React from 'react';

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

export default ChildComponent;

在上面的示例中，父组件定义了一个名为`handleClick`的函数，并将其通过props传递给子组件`ChildComponent`。子组件中的按钮通过`onClick`事件触发父组件传递的函数。

当点击按钮时，子组件会调用父组件传递的函数，从而实现了子组件调用父组件函数的功能。