ant design pro的protable中显示单选框

在 Ant Design Pro 的 ProTable 组件中，可以通过使用 render 方法来渲染单选框。

以下是一个示例代码：

import { Table } from 'antd';

const dataSource = [
  {
    key: '1',
    name: 'John Brown',
    age: 32,
    address: 'New York No. 1 Lake Park',
  },
  {
    key: '2',
    name: 'Jim Green',
    age: 42,
    address: 'London No. 1 Lake Park',
  },
  {
    key: '3',
    name: 'Joe Black',
    age: 32,
    address: 'Sidney No. 1 Lake Park',
  },
];

const columns = [
  {
    title: '',
    dataIndex: 'selected',
    render: (text, record) => <input type="radio" name="selected" />,
  },
  {
    title: 'Name',
    dataIndex: 'name',
  },
  {
    title: 'Age',
    dataIndex: 'age',
  },
  {
    title: 'Address',
    dataIndex: 'address',
  },
];

function onChange(pagination, filters, sorter, extra) {
  console.log('params', pagination, filters, sorter, extra);
}

function App() {
  return <Table dataSource={dataSource} columns={columns} onChange={onChange} />;
}

export default App;

在上述代码中，我们在 `columns` 中添加了一个 `render` 方法来渲染单选框。该方法会返回一个 `input` 元素，并设置其类型为 `radio`，同时将其 `name` 属性设置为 `selected`，这样就可以保证在同一个表格中只有一个单选框被选中。