formik 相关问题

React的表单库

为 Formik 表单开发复杂的 Yup 验证时出现问题

我有一个复杂的 Formik 表单,我正在尝试对其应用验证。我当前的架构如下: const applyPaymentFormValidation = yup.object().shape({ 付款: yup.array().of( 是的。object()。

回答 1 投票 0

如何在FieldArray中使用setError?

我有一个初始值作为数组列表 初始值={ 范围:[{ fromDate:'',endDate:''}, { 起始日期:'',结束日期:''}, { 起始日期:'',结束日期:''}] } 我需要检查...

回答 1 投票 0

使用 Formik 和 Yup 使 ErrorMessage 消失

我想咨询是否可以让ErrorMessage组件在一段时间后消失。我一直在尝试使用 setTimeout 来实现这一点,但不幸的是,它确实......

回答 1 投票 0

如何使用 Formik + 是的验证列表框(选择)- Headless UI?

我正在使用 Listbox (Select) - Headless UI with Formik,如何使用 Formik 和 Yup 验证此下拉列表? 示例:https://codesandbox.io/s/vigorous-dream-irfj3e?file=/src/App.js 我会...

回答 1 投票 0

formik - 对象属性错误和打字稿问题

如何访问对象属性错误?我有这个数组: 汽车:数组() 。的( 目的({ 品牌ID: number().positive().required(), 名称:

回答 1 投票 0

formik - 获取对象属性错误

如何访问对象属性错误?我有这个数组: 汽车:数组() 。的( 目的({ 品牌ID: number().positive().required(), 名称:

回答 1 投票 0

为什么“当”值总是未定义

我的项目有 Yup 0.32.11 和 Formik 2.2.9,我尝试使用 Yup.mixed().when(...) 方法来控制基于同级字段的验证消息。同级字段的值是...

回答 2 投票 0

e.target.value 未在 React useState 中定义

常量validationSchema = yup.object({ 密码: 是的 .string('请输入您的密码') .min(8, '密码长度至少应为 8 个字符') .required('需要密码'), });

回答 1 投票 0

如何将api的响应写入formik?

如何将api的响应写入formik? 我有一个api来接收数据,这个数据和我的表单完全一致,我怎样才能立即写出整个响应以免让我......

回答 2 投票 0

React Formik - 仅在表单提交时触发验证

我在我的 React Native 应用程序中使用 Formik。在登录表单上,我有两个字段:电子邮件和密码,这两个字段都是必需的。 我写了这样的验证规则: 导出 const LoginSchema ...

回答 3 投票 0

语音识别控制的 formik 形式 - 分析新字段命令时出现去抖/节流错误

我正在研究一种可以通过语音识别模块控制的反应形式。 我在设置返回的成绩单时遇到一个问题,因为它也试图设置状态......

回答 1 投票 0

是的。当使用打字稿进行验证时

我正在将验证模式从 jsx 转换为 tsx 文件类型。它在 jsx 中工作得很好,但在 tsx 中我无法获取 yup 当条件通过时的类型。甚至任何一个都无法通过。知道如何...

回答 2 投票 0

React 将 Formik 表单有效状态传递给父组件

在我的 typescript 项目中,我有一个 ParentComponent,它有一个 ChildComponent,其中有一个带有 Yup 表单的 Formik,必须在用户输入时进行验证。在 ParentComponent 上我也有一个

回答 2 投票 0

使用 Formik 和 MUI 对 TextField `helperText` 进行错误的类型推断

我以前从未在 TextField 组件上遇到过 helperText 问题,但我刚刚升级到了 React-scripts 5,这基本上破坏了很多东西,因为我的打字稿很弱。无论如何...

回答 2 投票 0

Formik 状态变化

我目前正在开发一个涉及大量计算的React应用程序。我使用 Formik 进行表单管理,使用 lodash 进行一些实用功能。这是我的代码片段: 导入 {

回答 1 投票 0

MUI Datepicker:在 Azure 上选择一天前的日期

我创建了一个基于Material UI和Formik的自定义日期选择器组件,它将日期值传递给父表单组件,如下所示: 从“反应”导入反应; 从 '... 导入 { useField }

回答 1 投票 0

使用react yup库,它超出了它在输入时使用的感叹号以及我用来显示和隐藏密码的图标

我正在使用 yup 和 formic 库进行验证,但我有一个问题,我用来显示和隐藏密码的眼睛图标与 yup 附带的圆圈中的感叹号冲突

回答 0 投票 0

Formik setFieldValue 在函数内

如果我有一个功能组件并且想要在 Formik 标签之外设置一个值,我该怎么做?下面是我需要进一步说明的代码。 函数 XYZScreen() { 常量

回答 5 投票 0

是的条件验证不起作用

给出一个是的模式 const validSchemas = Yup.object().shape({ mobileLast4Enabled: Yup.array(), //复选框 mobileLast4: Yup.string() //文本框 .when('mobileLast4Enabled', { 是:['开'...

回答 0 投票 0

Formik 控制按钮组减量器/增量器

我想扩展 formik 表单框架以包含减量器/增量器按钮组。 https://codesandbox.io/s/currying-paper-m5572m 按钮组代码库 从“反应”导入反应;

回答 0 投票 0

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