formik 相关问题

我存储在 Formic 中的金额不会返回给我

在这里输入图片描述 我存储在 Formic 中的金额不会返还给我。 过滤器找到的值记录在第 57 行中，在第 58 行中，相同的值被放入 Formic 中。但是当我...

Formik setFieldValue 没有立即更新状态（1 渲染落后）

我有一个 formik 表单设置，初始值为 { email: "", password: "", method: "manual" }。我想在 onSu 中将方法的值更改为“google”...

表单字段在移动设备上无法通过验证

问题：表单验证和异步请求在桌面上运行良好，在移动设备上失败 使用的技术：nextjs、formik 和是的。 冗长： 制作了一个简单的表单提交网站，在桌面上工作得很好……

Yup 字段等于时的条件验证

我需要这样的架构： const schema = yup.object().shape({ SKU： yup.string().required(), 名称：yup.string().required(), 价格：yup.number().required(), 类型：yup.string().required(), 尺寸：是的 .

如何使用 Typescript 泛型将参数与我的函数正确关联？

我想用 happyValidate 替换 sadValidate 但我无法让我的通用类型在 makeValidate 上运行。 输入 ValidationFn = (s: string) => 布尔值； 接口验证{ 检查：

为什么文件没有到达服务器？

我有一张表格。 一切正常，几乎完美，但有一个问题。 请求转到正确的路由，但文件始终无法到达服务器。 选定的文件得到

Formik onChange() 字段钩子覆盖显示值和选择机制

我在 Formik 中有一个字段需要动态验证模式：当用户选择支付令牌时，必须为另一个输入字段动态更改最低支付值。 我用了状态

警告：从 submitForm() [ReferenceError: Can't find variable: crypto] 捕获了一个未处理的错误

我正在尝试添加一个帖子并将该帖子与图像和一些文本字段数据一起发送到 redux 商店，我在其中使用 formik 来验证数据但是当我单击 onSubmit 按钮时我得到...

使用 formik 动态更新字段的最佳方法是什么？

我有一个表格，我正在尝试简化线条，但我不知道如何完成它。 当有人选择“自己”选项时，我有一个房东字段需要动态更新......

Formik 与 MaterialUI 的 TextField 值更新问题

我有一个 React 功能组件，我使用 Formik 进行表单管理，使用 MaterialUI V5.10 进行样式设置。在我的 Formik 表单中，我使用了几个 TextField 元素和一个 Canvas 元素。 我是...

Formik 未呈现初始值

我在我的 React 项目中使用 Formik 进行表单提交。 const 初始值 = 已提交作业 !== 未定义 ？ { 评论：submittedAssignment?.comments, mk1：mK...

如何使用 formik 和打字稿、钩子构建自定义 onSubmit 函数

我正在使用 useCallback 挂钩构建表单 onSubmit 函数，它将在 formik 中使用 我使用 formik 的组件可能看起来像这样， 从 './useContactForm' 导入 { useContactForm } //...

MaterialUI v.5.10.8，Formik v.2.2.9 Yup v.1.0.2 查询

在我的 React 项目中，我使用下面的包，发现使用 Yup 的表单验证似乎不起作用。 "@mui/material": "^5.10.8", “反应”：“^ 18.2.0”， ...

无法读取未定义的属性（读取“advertHistory”）为什么这样做？

从“axios”导入 axios； 从“反应”中导入反应，{useEffect，useState}； 从“react-router-dom”导入{useParams}； 从 "formik&quo... 导入 { useFormik }

写其中一个时填写2个输入

我用了material-tailwind和Formik 我有 2 个输入，如果用户输入第一个输入，我想填充它们 然后，如果用户想更改第二个输入的值，请写入此输入 我该怎么办

How to fetch the POST method with formik using getform.io

我/已经在我的投资组合（https://alexpowelldev.com/）上用 formik 制作了一个表格，我试图将提交的数据发送到 getform.io。 出于某种原因，当

Formik - 如何检查 <select> 字段的 onChange fireEvent？

在 React 中，我将 formik 用于表单。我有如下字段 {({ 字段 }) => { 返回 （ 在 React 中，我使用 formik 作为表单。我有如下字段 {({ field }) => { return ( <Select {...field} id="icon" value={selectedIcon} onChange={(item) => { handleSample(); dispatch( abcd(index, "icon", item.value) ); }} options={dropdownData.icons} styles={{ menuList: (provided) => ({ ...provided, height: "146px", }), }} /> ); }} </Field> 在测试中，我以正常方式尝试并引用了 fireEvent.change(input, { target: { value: "Test" } }) 但是，这不会调用onChange 方法。 在这种情况下，更改事件将如何工作？

注册表禁用提交按钮[关闭]

我厌倦了搜索如何在页面重新加载时禁用 React JS 中的提交按钮，并在所有表单验证未完成时禁用按钮在验证要求为

使用 Yup 和 Formik 自动修剪空白

我正在使用在模式上定义的 Formik React Form 和 Yup 验证： export const Contact = yup.object().shape({ 联系人姓名：是的 。细绳（） .trim('联系人姓名不能

fieldarray 中只有一个属性项必须为真

我正在使用 Yup 和 Formik 实现动态表单。我有一个 FieldArray，其中包含我可以添加和删除的元素。每次我添加它时，它都会添加一行，其中包含一个具有名字、姓氏和...