如何用React、PHP和MySQL实现多条记录批量删除？

问题根源分析 #

1. 出现foreach() argument must be of type array|object, null given警告，说明PHP端接收的待删除ID变量是null，也就是前端没有正确传递数组格式的选中ID列表。
2. 不用foreach只能删第一条数据，是因为你只取了ID数组的第一个元素，没有遍历所有选中项。

前端（React）修正要点 #

• 复选框的name属性必须设为ids[]，这样PHP才能识别为数组接收。
• 维护一个状态存储选中的ID数组，点击删除按钮时，将这个数组通过POST请求发送到后端。

示例代码片段：

// 维护选中ID的状态
const [selectedIds, setSelectedIds] = useState([]);

// 复选框选中状态切换
const handleCheckboxToggle = (id) => {
  setSelectedIds(prevState => 
    prevState.includes(id)
      ? prevState.filter(item => item !== id)
      : [...prevState, id]
  );
};

// 批量删除请求处理
const handleBatchDelete = async () => {
  if (selectedIds.length === 0) return;
  
  try {
    await fetch('/delete.php', {
      method: 'POST',
      headers: {
        'Content-Type': 'application/x-www-form-urlencoded',
      },
      body: new URLSearchParams({
        ids: selectedIds
      })
    });
    // 删除成功后更新页面列表等操作
  } catch (error) {
    console.error('删除失败:', error);
  }
};

后端（PHP）修正要点 #

1. 先校验是否接收到合法的ID数组，避免null报错。
2. 使用预处理SQL语句，防止SQL注入，同时高效处理批量删除。

示例代码片段：

<?php
// 假设已完成数据库连接（$conn为连接实例）
if (isset($_POST['ids']) && is_array($_POST['ids'])) {
    // 过滤非数字ID，避免非法参数
    $validIds = array_filter($_POST['ids'], 'is_numeric');
    
    if (!empty($validIds)) {
        // 生成SQL占位符，比如?, ?, ?
        $placeholders = implode(',', array_fill(0, count($validIds), '?'));
        $sql = "DELETE FROM your_table_name WHERE id IN ($placeholders)";
        
        $stmt = $conn->prepare($sql);
        // 绑定所有ID参数（int类型）
        $stmt->bind_param(str_repeat('i', count($validIds)), ...$validIds);
        $stmt->execute();
        
        echo "成功删除 " . $stmt->affected_rows . " 条数据";
    } else {
        echo "没有合法的待删除ID";
    }
} else {
    echo "未接收到有效ID列表";
}
?>

关键注意事项 #

• 前端传递ID时，必须保证是数组格式，name="ids[]"是PHP识别数组参数的关键。
• PHP端必须做参数校验，判断是否为数组且不为空，从根源避免foreach报错。
• 禁止直接将用户传入的ID拼入SQL语句，预处理语句是防止SQL注入的必要操作。

内容的提问来源于stack exchange，提问作者Matheus Henry