react中使用ant表格组件删除一行的数据用函数写法怎么改变页面

1. 首先需要在表格中添加删除按钮，可以使用antd的Table组件的render方法来实现，代码如下：

<Table
  dataSource={dataSource}
  columns={columns}
  rowKey="id"
  pagination={false}
  rowSelection={{
    type: "checkbox",
    ...rowSelection,
  }}
  expandedRowRender={(record) => <p>{record.description}</p>}
  expandRowByClick={true}
  render: (text, record) => (
    <span>
      <a onClick={() => handleDelete(record.id)}>删除</a>
    </span>
  )
/>

2. 实现handleDelete函数，该函数接收一个参数id，用于删除指定id的数据，并重新渲染页面，代码如下：

const handleDelete = (id) => {
  const newData = dataSource.filter((item) => item.id !== id);
  setDataSource(newData);
};

这里使用Array.filter方法来删除指定id的数据，然后使用useState中的setDataSource函数来更新dataSource的值，从而重新渲染页面。