React-Antd-Table组件批量删除数据(数据ID的处理)

一般情况下,批量删除需要前端将数据的ID以数组形式返回给后端。
antd的table组件中 rowSelection的onChange方法会返回我们选中的所有数据selectedRows(数组)。
通过map方法循环遍历selectedRows中的id,通过push方方法将ID存起来,并在每次选中数据时重置ID列表,这样就可以实时更新ID数组,使其每次都是我们所选中的ID。(这个方法感觉有点偷懒的感觉,但是身为小白的我也不知道是好是坏,但是解决了问题!)
//react hook 方式

const [delId, setDelId] = useState([]);
  const rowSelection = {
    onChange: (selectedRowKeys, selectedRows) => {
      // 在每次选中数据时重置ID列表
      var id = [];
      //map方法遍历选中的数据,将选中的数据的id 存入数组
      selectedRows.map((item) => {
        id.push(item.id);
      });
      //将id数组保存
      setDelId(id);
    },
  };

PS:小白刚入坑,日常记录自己碰到的问题

阅读 126

推荐阅读