如何使用javascript更改React js中的滚动方向并获取滚动变量？

import React, { useState } from 'react';

function MyComponent() {
  const [scrollPosition, setScrollPosition] = useState(0);

  // 在滚动事件中更新滚动变量
  const handleScroll = () => {
    const position = window.pageYOffset;
    setScrollPosition(position);
  };

  // 添加滚动事件监听器
  useEffect(() => {
    window.addEventListener('scroll', handleScroll);
    return () => {
      window.removeEventListener('scroll', handleScroll);
    };
  }, []);

  return (
    <div>
      <p>滚动变量：{scrollPosition}</p>
      {/* 在这里放置你的其他组件内容 */}
    </div>
  );
}

export default MyComponent;