当用户选择来自react.s中api的列表项时，如何切换类？

import React, { useState } from 'react';

function ListItem({ item, isSelected, onClick }) {
  const className = isSelected ? 'selected' : '';
  return (
    <li className={className} onClick={() => onClick(item)}>
      {item}
    </li>
  );
}

function List({ items }) {
  const [selectedItem, setSelectedItem] = useState(null);

  const handleItemClick = (item) => {
    setSelectedItem(item);
  };

  return (
    <ul>
      {items.map((item, index) => (
        <ListItem
          key={index}
          item={item}
          isSelected={selectedItem === item}
          onClick={handleItemClick}
        />
      ))}
    </ul>
  );
}

export default List;

.selected {
  background-color: #f0f0f0;
}