formik 相关问题

React的表单库

带有 Yup 和测试功能的异步验证

我的目标是验证电子邮件域。 当它是一个新的注册时,它工作得很好。但是,当我转到已填写电子邮件字段的页面(预加载 - 例如,我的个人资料页面)时,我

回答 0 投票 0

删除第一个字符前的所有空格

如果空格后没有其他字符,我使用此正则表达式模式删除空格,但我想知道如何删除第一个字符之前的第一个 例子: 如果我放:...

回答 0 投票 0

Yup / Formik 使用动态键验证

我正在尝试验证具有动态字段数量的表单 - 即,数据是从确定显示多少行的 API 返回的,并且对于每一行,都有一个必填字段需要...

回答 3 投票 0

是否可以重载是的默认错误消息

对于一个项目,我有几个用 Formik 和 Yup 为 React.js 项目制作的表格。事实证明,我必须在每个表单的每个模式中指定要显示的错误。 使用

回答 0 投票 0

尝试将 mongodb 文档上传到我的集合时为什么会收到 204 HTTP?

我正在向我的 api 端点发送一个发布请求, 从“../controllers/imageUpload.js”导入{上传}; (router.post("/:userId/add-product", checkAuth, upload.single('image'),

回答 0 投票 0

How to bind default value in select in react which are dependent on each other values are coming from Api?

这是我用来获取值的下面的代码。在我管理国家的国家和国家的基础上,当 formik 检测到国家有变化,如果国家 ID 存在,那么使用

回答 0 投票 0

使用formik的材料ui拾取器和类组件。

我有@material-uipickers与Formik在我的React类组件,每当我试图改变日期& 时间从picker我得到以下错误TypeError。无法读取属性'type'of ...

回答 1 投票 0

如何在react中使用Yup验证一个数字字段的值?我想检查所提供的数字是否是0.01或0.1的增量。

我有下面的代码,以验证提供的数值是'分数'的增量,我提供的,工作正常的0.25,0.5等,但不是0.1,0.01导出函数buildFractionStepTest(......)

回答 1 投票 0

如何检查表单在提交时是否有效?

我在项目中使用了formik库。也用了yup库进行表单字段验证。我想在提交方法上连接到api之前检查表单是否有效。下面是我的...

回答 1 投票 1

语法 React-select with formik

嗨,大家好,我应该插入一个react-select与formik。我是新手,你能告诉我一个例子吗?我使用Formik"^2.1.2 "版本,和 "react-select"。"^3.0.8 "版本。我的错误是 TypeError: Cannot read..: 无法读取...

回答 1 投票 0

可选的文件验证与FormikYup

我想在文件被选中时验证文件输入,我找到了FormikYup的解决方案,但是即使文件没有被选中它也会验证。 avatar: Yup.mixed() .test("fileSize", "File is too large", ...

回答 1 投票 1

使用React Material-UI & Formik,TextField类型的日期在从服务器分配数据后不更新。

我有以下表单,当选择一个新的日期并在表单提交中找到时,它工作正常。但是当我从服务器上获取表单值并将表单值分配给编辑时,日期 ...

回答 1 投票 0

选择所有复选框的行为不符合预期。

我想为我的Formik反应式主表单写一个自定义的React组件。我想创建一个 "全选 "复选框,当选择或取消选择时,选择或取消选择所有其他 ...

回答 1 投票 1

使用react-test-renderer测试Formik验证函数。

我试图通过onChange和onBlur来测试我的验证函数。下面是一个简化的测试: import renderer, { act } from 'react-test-renderer'; const byTypeAndName = (type,...)

回答 1 投票 0

通过状态钩子有条件地验证Formik字段与YUP?

我找了一圈,不知道是否可行。本质上,我想使用YUP的状态钩子来验证一个formik表单,而这个状态钩子不是表单值。 validationSchema={Yup.object({ ...

回答 1 投票 0

无法输入<Formik>字段。

出口 const Page.FunctionComponent React.FunctionComponent = ({ }) => { const initialValues: FormValues = { friendEmail.', }; const validationSchema = emailValidationSchema; const ..: '', }; const validationSchema = emailValidationSchema; const ...

回答 2 投票 1

如何在formik中处理API验证调用?

我有一个名为email的字段,使用validationSchema验证email格式为email:yup.string().required('required').email(),并且还集成了一些API,检查重复的email时......

回答 1 投票 1

如何用Formik创建Radio按钮?

我无法在Formik自己的文档或互联网上找到如何实现单选按钮的例子。我试图将以下内容转换为单选按钮。

回答 1 投票 0

React Formik - 在组件重新安装和启用按钮时验证表单

我正在写一个React应用,使用Formik和Yup做表单。我遇到的问题是一个向导式的页面,在页面加载时渲染Form1,上面有一个 "Next "按钮。按 "下一步"...

回答 1 投票 0

Formik React有2个按钮(提交和保存)来提交表单--保存按钮不会触发验证。

我是Formik的新手,我有一个简单的表单,它有验证功能。我需要有2个按钮,提交和保存按钮,这两个按钮主要做同样的事情,但是,如果 "保存 "按钮被点击,我想......

回答 1 投票 0

© www.soinside.com 2019 - 2024. All rights reserved.