通过子组件调用父组件的函数 - React

在React中，可以通过props将父组件的函数传递给子组件，从而实现子组件调用父组件的函数。

下面是一个示例：

父组件 (Parent.js):

import React from 'react';
import Child from './Child';

class Parent extends React.Component {
  handleClick() {
    console.log('Parent component function called');
  }

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

export default Parent;

子组件 (Child.js):

import React from 'react';

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

export default Child;

在这个示例中，父组件定义了一个名为handleClick的函数，并将其传递给子组件Child作为props。子组件通过this.props.handleClick调用父组件的函数。

当点击子组件中的按钮时，会调用父组件的handleClick函数，并打印出消息。

希望这个示例对你有帮助！