在父组件中触发子函数

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

class ParentComponent extends React.Component {
  triggerChildFunction = () => {
    // 在这里调用子组件的函数
    this.childComponentRef.childFunction();
  }

  render() {
    return (
      <div>
        <button onClick={this.triggerChildFunction}>触发子函数</button>
        <ChildComponent ref={ref => this.childComponentRef = ref} />
      </div>
    );
  }
}

export default ParentComponent;

import React from 'react';

class ChildComponent extends React.Component {
  childFunction = () => {
    // 子组件中的函数逻辑
    console.log('子函数被触发');
  }

  render() {
    return (
      <div>子组件</div>
    );
  }
}

export default ChildComponent;