问题描述: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为想要回填的默认值。
完整代码: