Ant design 把多个Checkbox变成单选

要将多个复选框变成单选按钮，可以使用Radio.Group组件。在Ant Design中，Radio.Group组件用于将多个单选按钮组合在一起，只允许用户选择一个选项。

以下是一个示例代码片段，说明如何将多个复选框转换为单选按钮：

import { Radio } from 'antd';

const options = [
  { label: 'Option 1', value: '1' },
  { label: 'Option 2', value: '2' },
  { label: 'Option 3', value: '3' },
];

function App() {
  return (
    <Radio.Group options={options} />
  );
}

export default App;

在上面的代码中，我们使用Radio.Group组件和一个选项数组来创建单选按钮。每个选项都有一个label和一个value属性。用户只能选择一个选项。

如果您需要在表单中使用单选按钮，您可以将Radio.Group包装在Form.Item组件中，以便将其与其他表单元素一起提交。