如何解决导入Yup验证后,表单提交不起作用
我从外部文件导入的验证正在运行。但是,表单提交功能不起作用。
我将验证设置如下并导出。
import * as Yup from 'yup';
const validationSchema = Yup.object().shape({
mail: Yup.string()
.email('Lütfen geçerli bir e-posta adresi giriniz!')
.required('Boş bırakılamaz.'),password: Yup.string()
.min(8,'Şifreniz en az 8 karakter olmalıdır.')
.required('Boş bırakılamaz.'),});
export default ValidationSchema;
我以这种方式导入并与Formik一起使用。
import validationSchema from './ValidationSchema';
<Formik
initialValues={{ mail: '',password: '' }}
validationSchema={validationSchema}
onSubmit={handleSubmit}
>
{({ errors,touched }) => (
这是验证的工作方式。但是,提交表单时,handleSubmit函数不起作用。
解决方法
我认为您的验证正在中断。请检查您的邮件和密码字段是否符合验证条件。
,如果未提交表单,则说明您未正确调用handleSubmit
您可以在单击按钮时使用此语法进行调用
onPress={() => handleSubmit()}
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。