formik 相关问题

React的表单库

是的带有条件验证的嵌套验证模式

我创建了一个 formik 对象,其初始值类似于 {customerDetails: {id: "", name: "", mobileNumber: ""}, notes: {id: "", text: "", typ...

回答 1 投票 0

reactjs formik 尽管清除了所有值,但在单击其他组件时显示一个值

我在 React Formik 中创建了一个自定义文本字段。在其他一些组件中使用文本字段并输入内容并清除所有值并单击其他地方时,只有第一个值(已清除...

回答 0 投票 0

使用带有 formik 的材料 ui 日期选择器时出现“TypeError date.isBefore 不是函数”

在使用带有 formik 的 material ui 日期选择器时出现“TypeError date.isBefore 不是一个函数”。你能帮我解决我出错的地方吗?我想在 values obje 中获取 dob 字段的值...

回答 1 投票 0

使用 Formik 的 React 子组件中的 TextField 元素出现问题

好的,所以我有一个功能组件,它实际上是一个迷你文本编辑器。它允许用户选择字体、字体大小和颜色。此表单包含以下 TextField 元素。 ok,所以我有一个功能组件,它实际上是一个迷你文本编辑器。它允许用户选择字体、字体大小和颜色。此表单包含以下 TextField 元素。 <Box sx={{ "& .MuiTextField-root": { marginTop: 3, width: "80ch" }, }} noValidate autoComplete="off" > <div> <TextField id="textMessage" name="textMessage" label="Message" multiline={true} rows={6} defaultValue={mainMessageText} onChange={handleChangeText} //onBlur={handleBlur} //helperText={touched.message ? errors.message : ""} //error={touched.message && Boolean(errors.message)} inputProps={{ maxLength: 320, minLength: 9, style: { //fontWeight: boldButtonState ? "bold" : "", //fontStyle: italicButtonState ? "italic" : "", //fontSize: fontSize, //fontFamily: selectedFont, lineHeight: "1em", //textDecoration: underlinedButtonState ? "underline" : "", //color: fontColor, }, }} /> </div> </Box> 在我的其他功能组件之一中,我正在尝试按照以下方式在 Formik 下使用上述文本编辑器子组件。当我提交表单时,handleSubmit 事件没有 textMessage 的值。是否存在我错过了什么? 我用过这种类型的 su

回答 0 投票 0

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

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

回答 1 投票 0

Formik setFieldValue 没有立即更新状态(1 渲染落后)

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

回答 1 投票 0

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

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

回答 1 投票 0

Yup 字段等于时的条件验证

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

回答 0 投票 0

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

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

回答 2 投票 0

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

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

回答 0 投票 0

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

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

回答 0 投票 0

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

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

回答 0 投票 0

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

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

回答 0 投票 0

Formik 与 MaterialUI 的 TextField 值更新问题

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

回答 1 投票 0

Formik 未呈现初始值

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

回答 2 投票 0

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

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

回答 3 投票 0

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”, ...

回答 0 投票 0

无法读取未定义的属性(读取“advertHistory”)为什么这样做?

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

回答 2 投票 0

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

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

回答 1 投票 0

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

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

回答 1 投票 0

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