解决这个问题的一种方法是在表单提交后手动重置Formik字段。以下是一个示例代码:
import React from 'react';
import { useFormik } from 'formik';
const initialValues = {
name: '',
email: '',
password: '',
};
const onSubmit = (values, { resetForm }) => {
// 提交表单逻辑...
// 重置Formik字段
resetForm();
};
const MyForm = () => {
const formik = useFormik({
initialValues,
onSubmit,
});
return (
);
};
export default MyForm;
在上面的代码中,onSubmit
函数接收到表单的值和Formik提供的resetForm
函数。在提交表单的逻辑完成后,调用resetForm
函数将Formik字段重置为初始值,清除输入框的内容。
上一篇:表格跳转到当前日期的问题
下一篇:表格提交React和Rails