如何使用鼠标滚轮进行React-水平滚动

import React, { useRef } from 'react';

const HorizontalScroll = () => {
  const [scrollPosition, setScrollPosition] = useState(0);
  // 其他代码...
};

const containerRef = useRef(null);

return (
  <div ref={containerRef}>
    {/* 滚动内容 */}
  </div>
);

const handleScroll = (event) => {
  const delta = event.deltaY;
  const container = containerRef.current;
  
  container.scrollTo({
    left: container.scrollLeft + delta,
    behavior: 'smooth',
  });
  
  event.preventDefault();
};

return (
  <div ref={containerRef} onWheel={handleScroll}>
    {/* 滚动内容 */}
  </div>
);