React的表单库
CodeSandbox:https://codesandbox.io/s/kind-fire-q4o45问题:单击重置按钮,然后清除一个值为“初始值”的字段。尝试:通过以下方式重置表格的变量太多:...
问题:如果值未更改,如何防止提交?我试图使用useState做到这一点。摘要:从“反应”导入React从“ formik”导入{Formik,Form,Field} const搜索=()=> {...
我正在使用React / Formik / Yup和Node / Express API + Postgres数据库构建应用程序。该应用程序的一项功能需要根据...
使用Formik构建表单,不使用withFormik HOC,我如何访问历史记录道具?
这里是菜鸟总数。我正在使用Formik构建向导表单以在React中进行用户注册。问题是我找不到历史道具将用户重定向到表单提交上的登录页面。我使用...的原因...
TypeError:无法读取Yup中未定义的属性'object'
我的表格是用Formik和Yup制作的。这是错误的屏幕截图:import React,{Fragment} from“ react”;从“ @ reusables / HelpTooltip”导入HelpTooltip; import {withFormik,Formik,Form,...
我基于选择输入的更改从API调用动态获取输入,但是当我尝试将其添加到Formik的初始值时,它总是给我一个错误...警告:组件为.. 。
我希望TextInput正确验证16位数字。我尝试了以下方法:yup.number().test('len','必须正好是16个数字',val => val.length === 16)但是,每次我键入任何内容时...
有没有更好,更简洁的方法来编写此Yup模式验证器(供React Formik组件使用?)>
如果电子邮件值是电子邮件格式的字符串,我只想调用服务端点(db.checkEmail)。 const yupSchema = Yup.object()。shape({电子邮件:Yup.string().email()...
我正在使用Formik并覆盖它们的render方法来对我的组件进行一些额外的控制。我以前在另一个项目中使用过它,但是在一个新项目中,我遇到了有关缺少道具的错误...
是否有可能在formik中使用react-codemirror2?
我有一个项目,我使用Formik和react-codemirror2,我想控制Formik中的onChange,但是在codemirror2中没有onChange事件……而且我也不知道该如何使用……让我解释一下更好...
我有一个与Redux耦合的React应用程序。有一个组件呈现表单包装器(Formik的自定义实现),而表单输入本身由子组件呈现。 (...
我正在与formik和yup交流,我想知道在成功请求后进行重定向的最佳方法是什么?我尝试传递历史对象,但它给了我...
我知道Field具有onChange属性,您可以在此处从此处传递自己的Formik onChange道具:https://jaredpalmer.com/formik/docs/api/formik#handlechange-e-reactchangeevent-any-void。 ...
将错误数据从Firebase或Server传递到Formik
我有一个使用Formik创建的表单,并且已经同步到firebase。我将代码分为几个文件,其中两个是以下文件:// form.js import from'react'...
我使用的反应本地的,一个formik形式,烨验证和火力认证。不过,我不断收到这个错误,当我尝试登录:的createUser错误:错误:电子邮件地址是很糟糕...
如何通过Redux的商店连接简单的Formik形式分派行动?
我是新的反应/终极版,但可以实现我的应用程序的一些简单addProduct命令形式。今天,我想从这个基本的演示与Formik来取代它,但我cant't明白的地方我应该把“调度” ...
我使用Formik建设形式的阵营原生应用。形式不火handleSubmit当我点击按钮:
正如标题说。我具有基于反应的自举-预输入和基于在文档中找到的formik多步骤向导示例的形式向导无国籍组件。但是,我无法通过...
我有反应,Formik作出的一种形式。一切都运行得很好,除了一个边缘的情况。我需要隐藏的电子邮件输入错误信息(关于错误的电子邮件地址),如果它是不是...
我收到以下错误,当我尝试向下传递一个道具我EmailSignupScreen。我尝试用Formik打字稿“消息”:“类型‘{重新读取:任何;}’从缺少以下属性: