ProFormSelect示例

以下是一个使用 Ant Design Pro 中的 ProFormSelect 组件的示例代码：

import { ProFormSelect } from '@ant-design/pro-form';
import { Select } from 'antd';

const roles = [
  { label: '管理员', value: 'admin' },
  { label: '普通用户', value: 'user' },
];

<ProFormSelect
  name="roles"
  label="角色"
  placeholder="请选择角色"
  options={roles}
  rules={[{ required: true, message: '请选择角色' }]}
>
  <Select.Option value="admin">管理员</Select.Option>
  <Select.Option value="user">普通用户</Select.Option>
</ProFormSelect>

在上面的示例中，我们首先引入了 ProFormSelect 和 Select 组件。然后定义了一个名为 roles 的数组，用于存储角色的选项。接着，我们使用 ProFormSelect 组件来渲染一个带有 label 和 placeholder 的下拉选择框，并通过 options 属性将角色选项传递给它。同时，我们还设置了一个必填的校验规则。最后，我们在 ProFormSelect 组件内部使用 Select.Option 组件来渲染每一个具体的选项。