我有一个多步骤表单应用程序。第一页用户填写表单。第二页是确认页面,用户可以在此检查所有数据或编辑它们,并返回到第一页。在表单页上,我禁用提交按钮,直到它通过所有验证规则。
<Button
type="submit"
disabled={!(formik.isValid && formik.dirty)}
onClick={() => {
dispatch(sendSms()).then(() => {
setModal(true);
});
}}
>
Продолжить
</Button>
问题是当我回到页面时,提交按钮被禁用了。我需要将脏数据属性设置为“true”。如何做到这一点?
<Formik
initialValues={formValues || initialValues}
validationSchema={validationSchema}
enableReinitialize
onSubmit={onSubmit}
onChange={onSubmit}
validateOnMount={true}
>
const onSubmit = (values, submitProps) => {
setFormValues(values);
submitProps.resetForm();
};