当在React中单击一个按钮(无挂钩)时，我如何才能只展开一个列表项？

import React, { useState } from 'react';

function MyComponent() {
  const [expandedIndex, setExpandedIndex] = useState(-1);

  // 其他组件代码...

  return (
    // JSX代码...
  );
}

import React, { useState } from 'react';

function MyComponent() {
  const [expandedIndex, setExpandedIndex] = useState(-1);

  const handleItemClick = (index) => {
    setExpandedIndex(index);
  };

  const listItems = ['Item 1', 'Item 2', 'Item 3'];

  return (
    <div>
      {listItems.map((item, index) => (
        <div key={index}>
          <button onClick={() => handleItemClick(index)}>展开</button>
          {expandedIndex === index && <div>{item}</div>}
        </div>
      ))}
    </div>
  );
}