ant-design From 校验不通过是什么原因?

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是必选项,选择后,会触发校验失败,这是什么原因造成的

阅读 2.3k
撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进
推荐问题