React本机多重选择和删除状态数组中的项

const [selectedItems, setSelectedItems] = useState([]);

{items.map(item => (
  <div key={item.id}>
    <input
      type="checkbox"
      checked={selectedItems.includes(item.id)}
      onChange={() => handleSelect(item.id)}
    />
    {item.name}
  </div>
))}

const handleSelect = (itemId) => {
  if (selectedItems.includes(itemId)) {
    setSelectedItems(selectedItems.filter(id => id !== itemId));
  } else {
    setSelectedItems([...selectedItems, itemId]);
  }
};

const handleDelete = () => {
  // 根据选中项的id进行删除操作
  const updatedItems = items.filter(item => !selectedItems.includes(item.id));
  setItems(updatedItems);
  setSelectedItems([]);
};