如何在react组件中创建窗口事件监听器？

componentDidMount() {
  window.addEventListener('resize', this.handleResize);
}

handleResize() {
  // 处理窗口大小改变事件的逻辑
}

componentWillUnmount() {
  window.removeEventListener('resize', this.handleResize);
}

import React, { Component } from 'react';

class MyComponent extends Component {
  componentDidMount() {
    window.addEventListener('resize', this.handleResize);
  }

  componentWillUnmount() {
    window.removeEventListener('resize', this.handleResize);
  }

  handleResize() {
    // 处理窗口大小改变事件的逻辑
  }

  render() {
    return (
      <div>
        {/* 组件的内容 */}
      </div>
    );
  }
}

export default MyComponent;