21得票4回答
Formik 重置错误

我正在尝试重置表单中的所有错误。 我尝试使用setErrors和setStatus,但这些都没有起作用。 Formik状态中的错误未被清除。setErrors({errors: {}}) 和setStatus({ errors: {}}); 以上方法均不起作用。 resetForm() 可...

21得票2回答
ReactJS Formik隐藏字段向服务器发送null值

我是React的新手,正在使用FormIK。当我将一个隐藏字段添加到表单中时,它无法正常提交表单数据。<Field type="hidden" className="form-control" name="hiddenField" /> 当我提交表单时,它会发送隐藏字段的空值。同...

21得票1回答
Formik | error useFormikContext formik values undefined Formik | 错误 useFormikContext 表单值未定义

我有如下代码:const { values, handleChange, setFieldValue, handleSubmit, isSubmitting, isValid } = useFormikContext(); 我有一个...

20得票4回答
Formik和Yup:TypeError:无法读取未定义的属性“object”

我是React的新手,正在尝试使用formik和yup进行表单验证。 我目前遇到以下错误: TypeError:Cannot read property 'object' of undefined 这是我的代码:validationSchema: Yup.object().shap...

20得票5回答
Formik值问题

关于此问题的 GitHub 讨论 - https://github.com/jaredpalmer/formik/issues/529 我将 formik 的值传递给一个在 <Field/> 的 onChange 中调用的函数,但当我在 <Field/> 中输...

19得票7回答
类型错误:React.createContext不是一个函数(Nextjs 13&Formik with TypeScript)

我现在正在尝试使用Formik在NextJs 13(TypeScript)上创建表单。 我创建的表单不起作用,然后我尝试添加以下Formik示例代码片段。 我创建的表单和Formik的示例都只在控制台返回TypeError:React.createContext不是函数。 我可以在另一行控制台...

19得票4回答
如何在yup中为react-select(单选)分配对象验证

我试图使用yup的概念为react-select(单选)实现验证,但是我遇到了这个错误:对象无法作为React子元素(发现:具有{label,value}键的对象)。 如果您想呈现一个子元素集合,请改用数组。我想知道如何在yup概念的验证模式中分配对象。<Formik initial...

19得票1回答
使用yup.addMethod()如何编写自定义架构验证国家名称和代码?

我正在尝试使用 yup 为一个使用 formik 的 React 表单组件添加表单验证。我的验证似乎有效,但我觉得代码太冗长。 我试图使用 yup.addMethod() 函数来实现验证,但在语法上遇到了困难,或许这有些过度设计了? 总结:我想将我的验证转换为实际的方法,使用 yup.addM...

19得票6回答
使用YUP验证文件大小和格式的有效性

我有一个使用ReactJS + Formik + Yup的表单,其中包括一个多文件上传字段。我想使用Yup验证文件格式和最大大小。我该如何实现?

19得票1回答
React Formik Material UI自动完成:如何从本地存储中填充自动完成内的值?

因此,我正在尝试使用Formik和Material UI创建表单。 对于所有字段,一切都按照应该的方式工作,但问题出在自动完成上。 我找不到从localStorage中填充字段的方法。 我尝试了所有可行的方式,包括设置value props,inputValue,defaultValue等,但...