a543462378 2022-02-17 10:15 采纳率: 84.7%
浏览 64
已结题

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>
  • 写回答

4条回答 默认 最新

  • 浪在前端 2022-02-17 10:46
    关注

    调用接口删除

    评论

报告相同问题?

问题事件

  • 已结题 (查看结题原因) 4月2日
  • 创建了问题 2月17日

悬赏问题

  • ¥15 matlab数据降噪处理,提高数据的可信度,确保峰值信号的不损失?
  • ¥15 怎么看我在bios每次修改的日志
  • ¥15 python+mysql图书管理系统
  • ¥15 Questasim Error: (vcom-13)
  • ¥15 船舶旋回实验matlab
  • ¥30 SQL 数组,游标,递归覆盖原值
  • ¥15 为什么我的数据接收的那么慢呀有没有完整的 hal 库并 代码呀有的话能不能发我一份并且我用 printf 函数显示处理之后的数据,用 debug 就不能运行了呢
  • ¥20 gitlab 中文路径,无法下载
  • ¥15 用动态规划算法均分纸牌
  • ¥30 udp socket,bind 0.0.0.0 ,如何自动选取用户访问的服务器IP来回复数据