本文共 1166 字，大约阅读时间需要 3 分钟。

1、在表格组件中需要进行批量删除

-方法一（利用数组循环）

2、首先我们需要传回的参数为所选中的id数组，

所有我们将这里的selectedRows更新selectedRows中，当然在初始的state我们定义为空

handleDeleteOk = () => {
       confirm({
         title: '确认要删除吗',      onOk() {
           const idList = [];        //将选中的数据中的id循环到我们自己定义的idList中        this.state.selectedRows.forEach(item => {
             const id = item.registrationId;          //push到idList中          idList.push(id);        });        const {
    dispatch } = this.props;        dispatch({
             type: 'recycleBin/batchRemove',          payload: {
               registrationIdList: idList,          },           }).then(() => {
             this.getPageList();        });      },      onCancel() {
   },      });  };

方法二（selectedRowKeys）

• antd-Table中的selectedRowKeys属性其实就是我们批量选中的数据，所以我们只需要去更新使用这个属性就行了。
• 和以上方法其实步骤一样：
  1、传入的时候直接将值传入接口就行了
  
  2、列下主要代码

this.state = {
         selectedRowKeys: [],  // 更新selectedRowKeys  onSelectChange = selectedRowKeys => {
       this.setState({
    selectedRowKeys });  };    const rowSelection = {
         selectedRowKeys,      onChange: this.onSelectChange,    };

4、OK

转载地址：https://blog.csdn.net/weixin_45416217/article/details/103767455 如侵犯您的版权，请留言回复原文章的地址，我们会给您删除此文章，给您带来不便请您谅解！