如何解决如何在onSubmit处理程序上使用formik的setSubmitting方法?
我尝试在onSubmit处理函数中调用formik的setSubmitting方法。 首先,我为Formik创建一个引用,如下所示:
const formikRef = React.createRef();
然后我尝试在onSubmit处理程序中调用它:
function Add() {
const formikRef = React.createRef();
const onSubmit = (e) => {
console.log(e);
setTimeout(() => {
formikRef.setSubmitting(false);
},4000);
};
return (
<Formik
innerRef={formikRef}
initialValues={initialValues}
onSubmit={onSubmit}
validationSchema={validationSchema}
>
{(props) => {
return (
<Form>
...
</Form>
);
}}
</Formik>
);
}
export default Add;
但是它会抛出这样的错误:
TypeError: formikRef.setSubmitting is not a function
如何在有或没有formik的innerRef的情况下使用formik的setSubmitting()onSubmit函数?
解决方法
ref
的react值位于名为current
的属性中。正确的方法是:
formikRef.current.setSubmitting(false);
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。