如何使用语义UI react打开多个手风琴？

npm install semantic-ui-react

import { Accordion } from 'semantic-ui-react';
import 'semantic-ui-css/semantic.min.css';

const [activeIndex, setActiveIndex] = useState([]);

const handleAccordionClick = (e, titleProps) => {
  const { index } = titleProps;
  const newIndex = activeIndex.includes(index)
    ? activeIndex.filter(item => item !== index)
    : [...activeIndex, index];
  setActiveIndex(newIndex);
};

<Accordion>
  <Accordion.Title
    active={activeIndex.includes(0)}
    index={0}
    onClick={handleAccordionClick}
  >
    <Icon name='dropdown' />
    手风琴1
  </Accordion.Title>
  <Accordion.Content active={activeIndex.includes(0)}>
    手风琴1的内容
  </Accordion.Content>

  <Accordion.Title
    active={activeIndex.includes(1)}
    index={1}
    onClick={handleAccordionClick}
  >
    <Icon name='dropdown' />
    手风琴2
  </Accordion.Title>
  <Accordion.Content active={activeIndex.includes(1)}>
    手风琴2的内容
  </Accordion.Content>

  {/* 添加更多手风琴项 */}
</Accordion>