javascript - 如何在 onSubmit 处理程序上使用 formik 的 setSubmitting() 方法?
问题描述
我尝试在 onSubmit 处理程序中调用 formik 的 setSubmitting 方法。首先,我为 formik 创建一个 ref,如下所示:
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);
推荐阅读
- visual-studio-2019 - 使用高级安装程序扩展创建 WCF MSI 安装包
- python - 通过 python 和 Oanda 的 API 触发市场订单的交易视图警报
- flutter - 从 ListView 中的所有 TextFeild 中获取值
- javascript - 排除某些子元素的 CSS 选择器
- python - 如果条件不满足如何给另一个输入的机会
- git - 我使用 git filter-branch 所做的更改发生了什么?
- html - 需要在同一行有图像和文本
- python - 如何解决 Xampp 上 python 的内部错误 500
- java - 我想在这段代码中放一个字计数器,但不能
- python - 尝试将 ORC 读取为 Dask Dataframe