检测REACT中的鼠标滚轮事件

import React, { useEffect } from 'react';

function MouseScroll() {
  useEffect(() => {
    // 在这里添加鼠标滚轮事件的监听器
    const handleScroll = (event) => {
      // 处理滚轮事件的逻辑
    };

    window.addEventListener('wheel', handleScroll);

    // 清除监听器
    return () => {
      window.removeEventListener('wheel', handleScroll);
    };
  }, []);

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

const handleScroll = (event) => {
  if (event.deltaY < 0) {
    // 滚轮向上滚动的逻辑
  }
};

function App() {
  return (
    <div>
      {/* 其他组件 */}
      <MouseScroll />
    </div>
  );
}