标记列表中的列表以进行删除

// 示例代码：使用React和Redux进行状态管理
import React from 'react';
import { useSelector, useDispatch } from 'react-redux';
import { toggleSelection } from './actions';

function ListItem({ item }) {
  const isSelected = useSelector(state => state.selectedItems.includes(item.id));
  const dispatch = useDispatch();

  return (
    <div onClick={() => dispatch(toggleSelection(item.id))}>
      <input type="checkbox" checked={isSelected} readOnly />
      {item.name}
    </div>
  );
}

// 示例代码：处理删除操作的错误
async function deleteSelectedItems() {
  try {
    const response = await fetch('/api/delete', {
      method: 'POST',
      headers: {
        'Content-Type': 'application/json'
      },
      body: JSON.stringify({ ids: selectedItems })
    });

    if (!response.ok) {
      throw new Error('Failed to delete items');
    }
    // 更新UI或状态
  } catch (error) {
    console.error(error);
    alert('删除失败，请重试');
  }
}