react父组件使用子组件中函数

React父组件可以通过以下几种方式使用子组件中的函数：

1. 通过props传递函数：在父组件中定义一个函数，并将其作为属性传递给子组件。子组件可以通过props访问到该函数，并在需要的时候调用它。

父组件代码示例：

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

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

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

export default ParentComponent;

子组件代码示例：

import React from 'react';

class ChildComponent extends React.Component {
  render() {
    return (
      <button onClick={this.props.onClick}>
        Click me
      </button>
    );
  }
}

export default ChildComponent;

2. 使用回调函数：父组件可以将一个回调函数作为属性传递给子组件。子组件在需要调用父组件中的函数时，可以通过调用该回调函数来实现。

父组件代码示例：

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

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

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

export default ParentComponent;

子组件代码示例：

import React from 'react';

class ChildComponent extends React.Component {
  render() {
    return (
      <button onClick={this.props.onClick}>
        Click me
      </button>
    );
  }
}

export default ChildComponent;

以上是两种常见的在React父组件中使用子组件中函数的方法。根据具体情况选择合适的方式来实现所需功能。