如何在React中将滚动到顶部的动画添加到每个已关闭的accordion选项卡？

import React, { useState } from 'react';
import './Accordion.css';

const Accordion = ({ data }) => {
  const [activeTab, setActiveTab] = useState(null);

  const toggleTab = (index) => {
    setActiveTab(activeTab === index ? null : index);
    if (activeTab !== index) {
      scrollToTop();
    }
  };

  const scrollToTop = () => {
    window.scrollTo({
      top: 0,
      behavior: 'smooth',
    });
  };

  return (
    <div className="accordion">
      {data.map((item, index) => (
        <div key={index} className={`accordion-item ${activeTab === index ? 'active' : ''}`}>
          <div className="accordion-title" onClick={() => toggleTab(index)}>
            {item.title}
          </div>
          <div className="accordion-content">
            {item.content}
          </div>
        </div>
      ))}
    </div>
  );
};

export default Accordion;