antd的table中的某一列checkbox禁止多选

在 Ant Design 的 Table 中，如果你想让某一列的复选框（Checkbox）只允许用户选择一项而不是多选，可以通过以下步骤实现：

1. 确保已经安装了 Ant Design：

   npm install antd

2. 在列配置（columns）中，修改该列的 `render` 函数。添加一个额外的 state 来跟踪当前被选中的项，比如 `selectedRowKeys` 和 `onCheckboxChange` 函数，它会在每次 checkbox 的状态改变时触发：

import { Table, Checkbox } from 'antd';

// 假设你的 data 已经准备好了
const columns = [
  // 其他列...
  {
    title: '操作',
    dataIndex: 'action',
    render: (text, record) => (
      <Checkbox
        defaultChecked={selectedRowKeys.includes(record.key)}
        onChange={() => this.handleCheckboxChange(record.key)}
      />
    ),
  },
];

// 添加状态变量和处理函数
state = {
  selectedRowKeys: [], // 初始化为空数组，表示无选中项
};

// 处理 checkbox 改变事件
handleCheckboxChange = (key) => {
  // 检查当前是否有其他项被选中，如果有则取消它们的选择
  if (selectedRowKeys.length > 0 && !selectedRowKeys.includes(key)) {
    const newSelectedKeys = selectedRowKeys.filter(key => key !== key);
    this.setState({ selectedRowKeys: newSelectedKeys });
  } else {
    // 只有一个选项被选中，直接更新状态
    this.setState({
      selectedRowKeys: [key],
    });
  }
};

// 当从 Table 获取数据时，将新选中的项设置到 state
componentDidMount() {
  // 如果有默认选中项，设置到 state
  // 这部分取决于你的实际数据结构和如何传递默认值
}

render() {
  // 将 selectedRowKeys 传递给 Table 组件的 rowSelection 属性
  return (
    <Table
      rowKey="key"
      rowSelection={{
        onChange: this.handleSelectChange,
        selectedRowKeys,
      }}
      columns={columns}
      // 其他 Table 属性...
    />
  );
}

通过这种方式，当用户尝试再次选择已被选中的复选框时，之前的选中项会被取消。记得根据你的数据结构和需求适当地初始化 `selectedRowKeys`。如果你还有其他列也使用了复选框，也要确保它们的行为与这一列一致。