Ant Design Pro ProFormSelect 使用 valueEnum 定义下拉选项菜单

代码

最后的提交时，生成的值就是对应的key的值（示例中值会是：open/doing/done/all）。

<ProFormSelect
  name="status"
  label="状态"
  // 关键：valueEnum
  valueEnum={{
    all: { text: '全部' },
    open: { text: '未开始' },
    doing: { text: '进行中' },
    done: { text: '已完成' },
  }}
  // 也可以简写成字符串：
  // valueEnum={{ open: '未开始', doing: '进行中', done: '已完成' }}
  placeholder="请选择状态"
/>

禁用选项

可以在valueEnum中的key对应的对象中设置disabled为true。

<ProFormSelect
  name="status"
  label="状态"
  valueEnum={{
    all: { text: '全部', disabled: true },
    open: { text: '未开始' },
    doing: { text: '进行中' },
    done: { text: '已完成' },
  }}
  placeholder="请选择状态"
/>