这些天想了解一下Ant Design Pro框架,ProForm - 高级表单感觉还是不错的,用起来效率应该还是很高的,现记录一下:
这里的枚举需要后端传入string类型,提交的也是string类型,而我后端是number类型,提交也需要number类型,我本菜鸟,官方教程看的不是很明白,网上好像也不是很多,摸索出来记录在此,这里就需要如下解决:
convertValue 前置转化
transform 提交时转化
<ProFormRadio.Group
label="状态"
name="status"
valueEnum={{
0: '正常',
1: '禁用',
}}
// 前置转化,把后端的number转换成string类型
convertValue={(value) => value.toString()}
// 提交时转化,把string类型转换成number类型后提交
transform={(value) => {
console.log(value)
return {
status: +value
};
}}
/>