父组件传事件给子组件

父组件可以通过props将事件传递给子组件。首先，在父组件中定义一个函数来处理事件，然后将该函数作为props传递给子组件。子组件可以在需要的时候调用该函数来触发事件。

以下是一个示例：

// 父组件
import React from 'react';
import ChildComponent from './ChildComponent';

class ParentComponent extends React.Component {
  handleEvent = () => {
    // 处理事件逻辑
    console.log('事件被触发');
  };

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

export default ParentComponent;

// 子组件
import React from 'react';

class ChildComponent extends React.Component {
  handleClick = () => {
    // 调用父组件传递的处理事件函数
    this.props.onEvent();
  };

  render() {
    return (
      <button onClick={this.handleClick}>
        触发事件
      </button>
    );
  }
}

export default ChildComponent;

在上面的示例中，父组件`ParentComponent`通过将`handleEvent`函数作为props传递给子组件`ChildComponent`。当子组件中的按钮被点击时，会调用`handleClick`函数，从而触发父组件中的事件处理逻辑。