react项目中会碰到使用antd的表单验证中使用select的defaultvalue属性不起作用,
这是因为form中经过 getFieldDecorator
包装的控件后不能用控件的 value、
defaultValue
等属性来设置表单域的值,默认值可以用 getFieldDecorator
里的 initialValue
eg:
<Form.Item
key="catalogType"
label='动作类型'
>
{form.getFieldDecorator('catalogType', {
initialValue: "MTM-1",
rules: [
{
required: true,
message: '动作类型必填',
}),
},
],
})(
<Select>
{actionType.map(item => {
return (
<Select.Option value={item.value} key={item.value}>
{item.meaning}
</Select.Option>
);
})}
</Select>
)}
</Form.Item>