在react js中更改窗口大小时添加或删除类

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;

handleResize = () => {
  if (window.innerWidth < 768) {
    document.documentElement.classList.add('small-window');
  } else {
    document.documentElement.classList.remove('small-window');
  }
}