React JS :在父组件中调用子组件方法(使用typescript进行反应)

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

interface ParentProps {}

interface ParentState {}

class ParentComponent extends React.Component<ParentProps, ParentState> {
  // 定义一个方法
  handleChildMethod = () => {
    console.log('调用了子组件的方法');
  };

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

export default ParentComponent;

import React from 'react';

interface ChildProps {
  childMethod: () => void;
}

interface ChildState {}

class ChildComponent extends React.Component<ChildProps, ChildState> {
  componentDidMount() {
    // 在需要的时候调用父组件传递的方法
    this.props.childMethod();
  }

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

export default ChildComponent;