导入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()}

最新更新