使用React，我如何在可滚动的div中水平滚动到所选项目？

import React, { useRef } from 'react';

const ProjectList = () => {
  const scrollContainerRef = useRef(null);

  const scrollToItem = (index) => {
    const itemRef = scrollContainerRef.current.children[index];
    itemRef.scrollIntoView({ behavior: 'smooth', block: 'nearest', inline: 'start' });
  };

  return (
    <div ref={scrollContainerRef} style={{ overflowX: 'scroll' }}>
      {projects.map((project, index) => (
        <div key={index} onClick={() => scrollToItem(index)}>
          {project.name}
        </div>
      ))}
    </div>
  );
};

export default ProjectList;