1200字范文,内容丰富有趣,写作的好帮手!
1200字范文 > 踩坑 antd Form表单获取input默认值失败 Form表单校验input 必填 默认值为undefined

踩坑 antd Form表单获取input默认值失败 Form表单校验input 必填 默认值为undefined

时间:2021-12-18 18:30:11

相关推荐

踩坑 antd Form表单获取input默认值失败 Form表单校验input 必填 默认值为undefined

问题描述:1,跳转页面后,通过url传参,将参数自动回填到下一个页面的input输入框里,打开页面后,input成功显示回写内容。2,为FormItem添加必填校验required:true。3,提交表单,校验未通过,提示input未填写内容,手动输入则校验成功。

代码如下:

问题在于,rules进行校验的时候,拿到的input value是undefined,如果把rules的校验规则写成自定义的函数,打印value则能直观的看到值为:undefined。

思路:默认值是Input输入框的,除非手动输入,否则Form表单并不能获取到Input的默认值,既然是表单的校验,则需要告诉表单,某个input有默认值,默认值为xxx。

解决:利用Form表单的initialValues属性,传一个对象,key对应Form.Item的name属性的值,value为想要回填的默认值。

完整代码:

本内容不代表本网观点和政治立场,如有侵犯你的权益请联系我们处理。
网友评论
网友评论仅供其表达个人看法,并不表明网站立场。