react项目表格要增加批量删除功能,但是页面原本是前端点击删除按钮之后,清除单条数据直接吧剩下的发给后端接口,没有专门的删除接口,现在怎么实现在页面上多选后,点击批量删除后删除选中的数据,然后吧剩下的数据发给后端?
function handleDelete(index) {
list.splice(index, 1);
handleSave(1, list)
}
function handleSave(type, list) {
updateDetails({
taskFid: info.taskCode,
taskType: info.taskFid,
code: type,
data: {
salist: list.map(item => {
return {
}
}),
},
}).then(res => {
if (res.code === '0') {
message.success('操作成功');
getList()
}
})
}
<Button type='link' danger onClick={() => { handleDelete(index) }}>删除</Button>
调用接口删除
点删除的时候将要删除的数据的下标记录下来,再在给后端提交数据时将记录的下标从原数组中逐一删除就可以了,删除时一定要倒序删
额 你这接口好奇怪 为啥 不把当前删除的 项传给后端 ,后端删除 后返回给前端 删除之后的数据 。
多选 那你首先要有 checkbox , 你可以使用 antd 自带又很方便 。如果是原生表格 就需要 你 来 封装方法 。
用antd 的 checkbox 的选项是一个 数组 。用原来的数据 过滤掉 选中的发给后端
你这数据 有 唯一标识吗?