如何在没有jquery的情况下在react中更改文档滚动速度

import React, { useEffect } from 'react';

const MyComponent = () => {
  useEffect(() => {
    const handleScroll = () => {
      // 在这里处理滚动事件
    };

    window.addEventListener('scroll', handleScroll);

    return () => {
      window.removeEventListener('scroll', handleScroll);
    };
  }, []);

  return (
    // 组件的内容
  );
};

export default MyComponent;

const handleScroll = () => {
  const scrollSpeed = 2; // 设置滚动速度，可以根据需要调整
  const currentScrollTop = window.pageYOffset || document.documentElement.scrollTop;

  window.scrollTo(0, currentScrollTop + scrollSpeed);
};

const MyComponent = () => {
  const [isScrollSpeedEnabled, setIsScrollSpeedEnabled] = useState(true);

  useEffect(() => {
    const handleScroll = () => {
      if (isScrollSpeedEnabled) {
        const scrollSpeed = 2; // 设置滚动速度，可以根据需要调整
        const currentScrollTop = window.pageYOffset || document.documentElement.scrollTop;

        window.scrollTo(0, currentScrollTop + scrollSpeed);
      }
    };

    window.addEventListener('scroll', handleScroll);

    return () => {
      window.removeEventListener('scroll', handleScroll);
    };
  }, [isScrollSpeedEnabled]);

  return (
    <div>
      <button onClick={() => setIsScrollSpeedEnabled(!isScrollSpeedEnabled)}>
        {isScrollSpeedEnabled ? '禁用滚动速度更改' : '启用滚动速度更改'}
      </button>
      {/* 组件的其他内容 */}
    </div>
  );
};