ant-design表单遍历的时候,必选的下拉框,在选择后,提示必填(此时已经选择完option了),校验不通过
相关代码:
const basicInfo = [
{
'col': 1,
'label': msg('organization.ORGAN_NAME'),
'key': 'name',
'required': true,
'pattern': new RegExp('^.{0,64}$'),
'message': '长度不可超过64个字符',
'showDom': showInput
},
{
'col': 2,
'label': msg('organization.ORGAN_TYPE'),
'key': 'type',
'required': true,
'message': '禁空',
'showDom': typeSel
}
]; 表单的相关数据写在数组里 showDom分别是<Input />和<Select>...</Select>
下面是遍历过程
{
basicInfo.map(d => <Col span={12} key={d.col}>
<FormItem
label={d.label}
{...formItemLayout}
hasFeedback={true}
>
{getFieldDecorator(d.key, {
'rules': [{
'required': d.required,
'pattern': d.pattern,
'message': d.message
}]
})(
d.showDom
)}
</FormItem>
</Col>)
}
没有报错,react会正常渲染dom,另一个页面也是用这种方式展示页面(不可编辑的input),
这个新建页面,select是必选项,选择后,会触发校验失败,这是什么原因造成的