如何使用侦听器重构此React组件，以使该组件正常工作？

import React, { Component } from 'react';

class MyComponent extends Component {
  constructor(props) {
    super(props);
    // 在构造函数中初始化状态或绑定方法
    this.state = {
      // 初始化状态
    };
    // 绑定方法
    this.handleEvent = this.handleEvent.bind(this);
  }

  componentDidMount() {
    // 在组件挂载后添加侦听器
    // 例如：window.addEventListener('click', this.handleEvent);
  }

  componentWillUnmount() {
    // 在组件卸载前移除侦听器
    // 例如：window.removeEventListener('click', this.handleEvent);
  }

  handleEvent(event) {
    // 处理事件的方法
  }

  render() {
    // 渲染组件的方法
    return (
      // JSX代码
    );
  }
}

componentDidMount() {
  // 例如：window.addEventListener('click', this.handleEvent);
}

componentWillUnmount() {
  // 例如：window.removeEventListener('click', this.handleEvent);
}

handleEvent(event) {
  // 处理事件的方法
}