如何在react中默认打开所有可折叠的项目？

import React, { useState } from 'react';

const CollapsibleItem = ({ title, content, isOpen }) => {
  return (
    <div>
      <h3>{title}</h3>
      {isOpen && <p>{content}</p>}
    </div>
  );
};

const CollapsibleList = () => {
  const [isOpen, setIsOpen] = useState(true);

  const toggleAllItems = () => {
    setIsOpen(!isOpen);
  };

  const items = [
    { title: 'Item 1', content: 'Content 1' },
    { title: 'Item 2', content: 'Content 2' },
    { title: 'Item 3', content: 'Content 3' },
  ];

  return (
    <div>
      <button onClick={toggleAllItems}>Toggle All</button>
      {items.map((item, index) => (
        <CollapsibleItem
          key={index}
          title={item.title}
          content={item.content}
          isOpen={isOpen}
        />
      ))}
    </div>
  );
};

export default CollapsibleList;