antdesign table 多选checkbox循环

你可以使用 Ant Design 的 Table 组件来实现多选复选框的循环。首先，你需要在 Table 的 columns 配置中添加一个列来显示复选框，并为其设置一个 render 函数来控制复选框的状态。然后，你可以通过设置 Table 的 rowSelection 属性来启用多选功能。

以下是一个示例代码，演示如何在 Ant Design 的 Table 组件中实现多选复选框的循环：

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

const data = [
  {
    key: '1',
    name: 'John Doe',
    age: 25,
  },
  {
    key: '2',
    name: 'Jane Smith',
    age: 30,
  },
  // ...更多数据
];

const columns = [
  {
    title: '姓名',
    dataIndex: 'name',
    key: 'name',
  },
  {
    title: '年龄',
    dataIndex: 'age',
    key: 'age',
  },
  {
    title: '操作',
    dataIndex: 'action',
    key: 'action',
    render: (text, record) => (
      <input type="checkbox" checked={selectedRowKeys.includes(record.key)} />
    ),
  },
];

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

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

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

  return <Table rowSelection={rowSelection} columns={columns} dataSource={data} />;
};

export default YourComponent;

以上代码中，我们创建了一个名为 YourComponent 的组件，在组件中定义了一个 Table，并使用 useState 来管理选中行的 keys。通过在 render 函数中使用 input 元素来显示复选框，并根据 selectedRowKeys 数组中的值来控制复选框的选中状态。最后，将 rowSelection 对象传递给 Table 组件的 rowSelection 属性，实现多选功能。

希望这个示例能帮助到你！如有更多问题，请随时提问。