尝试从表中删除单个记录，但正在从reacthooks页中删除整个记录

const [data, setData] = useState([]);

return (
  <table>
    <thead>
      <tr>
        <th>ID</th>
        <th>Name</th>
        <th>Action</th>
      </tr>
    </thead>
    <tbody>
      {data.map((record) => (
        <tr key={record.id}>
          <td>{record.id}</td>
          <td>{record.name}</td>
          <td>
            <button onClick={() => deleteRecord(record.id)}>Delete</button>
          </td>
        </tr>
      ))}
    </tbody>
  </table>
);

const deleteRecord = (id) => {
  const updatedData = data.filter((record) => record.id !== id);
  setData(updatedData);
};

<button onClick={() => deleteRecord(record.id)}>Delete</button>