antd可选择表格 点击清空按钮后 清空选择

您可以使用 Ant Design 的 Table 组件来实现清空选择的功能。首先，在 Table 组件中添加一个按钮，并绑定一个点击事件。在点击事件的回调函数中，通过修改状态来清空选择。以下是一个示例代码：

import React, { useState } from 'react';
import { Table, Button } from 'antd';

const MyTable = () => {
  const [selectedRowKeys, setSelectedRowKeys] = useState([]);

  const handleClearSelection = () => {
    setSelectedRowKeys([]);
  };

  const onSelectChange = (selectedRowKeys) => {
    setSelectedRowKeys(selectedRowKeys);
  };

  const rowSelection = {
    selectedRowKeys,
    onChange: onSelectChange,
  };

  const data = [
    // 表格数据
  ];

  const columns = [
    // 表格列配置
  ];

  return (
    <div>
      <Button onClick={handleClearSelection}>清空选择</Button>
      <Table rowSelection={rowSelection} columns={columns} dataSource={data} />
    </div>
  );
};

export default MyTable;

在上述代码中，我们使用了 `useState` hook 来定义了一个名为 `selectedRowKeys` 的状态，用于保存当前选中行的 keys。`handleClearSelection` 函数会在点击按钮时被调用，它会将 `selectedRowKeys` 状态设置为空数组，从而实现清空选择的功能。

同时，在 Table 组件中，我们使用了 `rowSelection` 属性来启用行选择功能，并将 `selectedRowKeys` 和 `onSelectChange` 回调函数传递给它。每当用户选择或取消选择行时，`onSelectChange` 函数会被调用，更新 `selectedRowKeys` 状态。

这样，当用户点击清空按钮时，`handleClearSelection` 函数会被触发，将 `selectedRowKeys` 状态清空，从而清空表格的选择。