AntDesign表格删除和编辑功能未反映在PG数据库中
这个问题可能是由于您在前端代码中实现了删除和编辑功能，但您没有正确地更新后端的 PG 数据库。您可以在删除或编辑数据时发出相应的 HTTP 请求，以实际删除或更新 PG 数据库中的数据。以下是一些示例代码：
// 删除数据的示例代码
deleteData = (id) => {
// 发出 HTTP 删除请求
axios.delete(/api/data/${id})
.then(response => {
// 更新前端表格数据
const updatedData = this.state.data.filter(item => item.id !== id);
this.setState({ data: updatedData });
})
.catch(error => {
console.error(error);
});
}
// 编辑数据的示例代码
editData = (id, newData) => {
// 发出 HTTP 更新请求
axios.put(/api/data/${id}, newData)
.then(response => {
// 更新前端表格数据
const updatedData = this.state.data.map(item => {
if (item.id === id) {
return { ...item, ...newData };
}
return item;
});
this.setState({ data: updatedData });
})
.catch(error => {
console.error(error);
});
}
在这些示例代码中，我们使用 axios 库发送 HTTP 请求到后端，并更新前端表格数据以反映数据库更改。您需要将这些示例代码更改为适合您特定场景的代码，并确保后端正确处理这些请求。