react前端实现批量删除功能

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 的选项是一个 数组 。用原来的数据 过滤掉 选中的发给后端

你这数据 有 唯一标识吗?