React+antd的Modal对话框内表单验证

React+antd的Modal对话框内表单验证,第1张

Modal组件自身带有footer属性,

在嵌入form表单时候,是否需要加入表单的buttn按钮呢?

如果我们加入form表单内按钮,那么就需要隐藏Modal的footer属性,同时在Modal里面需要调整按钮的样式,来配合Modal。这样在 *** 作表单的时候,只需要在对应的Form.Item设置校验规则,不用另外添加代码,就可以完成校验的工作。

另一个就是我们直接使用Modal组件的footer的按钮,不用调整哪些繁琐的样式了,但是 *** 作Modalfooter按钮的时候不能直接校验Form表单,以下是解决该问题的源码:

 {
            onCancel();
            form.resetFields();
        }}
        okText={intl.formatMessage({ id: 'common.confirm' })}
        cancelText={intl.formatMessage({ id: 'common.cancel' })}
        destroyOnClose={tru

欢迎分享,转载请注明来源:内存溢出

原文地址: http://www.outofmemory.cn/web/1324869.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2022-06-12
下一篇 2022-06-12

发表评论

登录后才能评论

评论列表(0条)

保存