如何在react中添加或删除滚动上的类？

在React中添加或删除滚动时的类可以通过以下步骤实现：

首先，创建一个React组件，并在组件的构造函数中初始化一个状态变量，用于控制是否添加滚动类。例如：

class ScrollComponent extends React.Component {
  constructor(props) {
    super(props);
    this.state = {
      isScrolling: false
    };
  }
  
  // ...
}

在组件的render方法中，根据状态变量决定是否添加滚动类。例如，可以使用条件渲染的方式来实现：

render() {
  const { isScrolling } = this.state;
  
  return (
    <div className={isScrolling ? 'scrolling' : ''}>
      {/* 组件内容 */}
    </div>
  );
}

接下来，需要在组件中监听滚动事件，并根据滚动位置来更新状态变量。可以使用componentDidMount和componentWillUnmount生命周期方法来添加和移除滚动事件监听器。例如：

componentDidMount() {
  window.addEventListener('scroll', this.handleScroll);
}

componentWillUnmount() {
  window.removeEventListener('scroll', this.handleScroll);
}

在handleScroll方法中，可以通过检查滚动位置来更新状态变量。例如，可以使用window.scrollY来获取滚动的垂直位置，并根据需要来判断是否添加滚动类。例如：

handleScroll = () => {
  const { isScrolling } = this.state;
  
  if (window.scrollY > 0 && !isScrolling) {
    this.setState({ isScrolling: true });
  } else if (window.scrollY === 0 && isScrolling) {
    this.setState({ isScrolling: false });
  }
}