使用antd表时，如果选中复选框，则会清除该复选框

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

const data = [
  { id: 1, name: 'John', age: 25 },
  { id: 2, name: 'Jane', age: 30 },
  { id: 3, name: 'Bob', age: 35 },
];

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

  const handleTableChange = (pagination, filters, sorter, extra) => {
    const { currentDataSource } = extra;
    const selectedKeys = currentDataSource
      .filter((item) => selectedRowKeys.includes(item.id))
      .map((item) => item.id);

    setSelectedRowKeys(selectedKeys);
  };

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

  const columns = [
    {
      title: 'Name',
      dataIndex: 'name',
    },
    {
      title: 'Age',
      dataIndex: 'age',
    },
  ];

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

  return (
    <Table
      columns={columns}
      dataSource={data}
      rowKey="id"
      rowSelection={rowSelection}
      onChange={handleTableChange}
    />
  );
};

export default App;