如何在React中选择特定项/组件，然后在数组onClick之间循环？

import React, { useState } from 'react';

function MyComponent() {
  const [selectedItem, setSelectedItem] = useState(null);

  // 其他代码...
}

function handleItemClick(item) {
  setSelectedItem(item);
}

function MyComponent() {
  // ...

  return (
    <div>
      {items.map((item) => (
        <div
          key={item.id}
          onClick={() => handleItemClick(item)}
          className={selectedItem === item ? 'selected' : ''}
        >
          {item.name}
        </div>
      ))}
    </div>
  );
}