formik 相关问题

React的表单库


当我的所有复选框输入都具有相同名称时,如何滚动到第一个错误?

我正在使用 React 18、Ionic 7 和 Formik 2.4.3。当我想滚动到错误位置的顶部时,我使用一个组件 导出 const getFieldErrorNames = (formikErrors) => { 合作...

回答 1 投票 0

在reactjs中使用json输入字段发布api请求

我有带有三个输入字段的表单,以下是键和值类型: 我已经设计了表单,但如何以对象类型发送 gcloud 字段键值? gcloud 输入字段的代码: gcl...

回答 1 投票 0

如何测试Yup.array中值的唯一性?

我的表单具有动态输入量(管理员电子邮件),但是检查唯一性失败: validationSchema={Yup.object().shape({ adminEmails: 是的.array() 。的( ...

回答 7 投票 0

错误:React.Children.only 期望接收单个 React 元素子元素。福米克

我在 Formik 道具中遇到此错误。我和formik合作很长时间了,这是我第一次遇到这种情况

回答 3 投票 0

在Reactjs中使用Formik将文件上传到Django Rest API

是否可以使用Formik从Reactjs客户端将文件(图像)上传到Django Rest api?

回答 2 投票 0

删除 useFormik 放置在 useEffect 中时出现的 lint 问题

下拉列表中的值基于 API 调用,其数组响应存储在 Zustand 存储中。我有一个 useEffect 来监听 Zustand 存储变量何时不再为空,它会

回答 1 投票 0

React Formik 表单“字段”未定义

我正在创建一个反应 Formik 表单,一切正常,直到我将日期选择器放入表单中,然后出现一些错误,但是当我解决错误时,这个 [“字段”未定义] 是否有任何错误...

回答 1 投票 0

有没有办法在ZOD中使用跨字段验证来检查其他字段然后渲染条件

我正在使用 React Typescript 构建具有 Zod 验证模式的表单。 我想实现什么目标? 因此,我想根据另一个字段的值呈现条件。每个国家都有自己的...

回答 1 投票 0

如何修复 formk 中的单选组验证?

我试图在表单提交后让单选按钮显示在控制台上,但即使选择了一个选项,我也会收到显示错误消息,并且我不确定我做错了什么。 ...

回答 1 投票 0

如何使用formik反应数字格式

我的formik表格是这样的 常量新产品 = ({}) => { 常量验证=(值)=> { 常量错误 = {} if (!values.title) { 错误.title = '必填' ...

回答 3 投票 0

React-Bootstrap 无线电输入作为带有 formik 的按钮组

我正在尝试让单选按钮显示为按钮组,其中按钮是/否作为可重复使用的反应组件,也使用 formik。 const 布尔输入 = ( 道具:{标签:字符串;尺寸:数量 } &a...

回答 1 投票 0

使用 formik 进行复杂的嵌套数组验证

我已经查找过与此相关的任何类似问题,但一无所获。基本上我使用 formik 来管理测验的问题。我正在使用 FieldArray 动态添加问题文本...

回答 1 投票 0

如何通过外部操作更新 Formik Field

我正在尝试从模式屏幕更新 Formik 字段。模态返回数据并将它们设置到 pageState 中。考虑到我的 Fomik Form 有“enableReinitialize”,字段更新有效...

回答 3 投票 0

如何在 React Native 文本输入中添加逗号分隔符

我正在开发一个 React Native 应用程序。我在我的表单中使用 Formik。现在我的要求是我有一个 TextInput,用户可以在其中输入价格。此输入字段应添加逗号分隔符 1...

回答 1 投票 0

在ReactJS中使用useFormik时如何使用uuid作为item ID?

我使用 useForm 在 ReactJS 中提交表单。 在 useForm 中,我们定义了带有空白内容的初始值。 对于输入,我们使用值,例如: 值={formik.values.bookName} 我想分配id...

回答 1 投票 0

不确定如何将 Radio 组添加到也使用材料 UI 的预先存在的 Formik 表单中

我是 REACT 新手,我正在尝试通过修改现有示例来学习:这里我正在遵循使用 Formik 和 Material UI 的教程,我正在努力将文本输入框更改为...

回答 1 投票 0

Formik 的“isValid”报告 true,即使验证模式报告错误

看起来 Formik 的标志“isValid”在某些情况下被设置为 true,即使表单值不应被视为有效。我下面有一个工作的codesandbox示例,这是...

回答 3 投票 0

为什么 React 在 router.push("/") 之前渲染表单一秒钟

这是我的登录页面(我使用 Next.js 14)。 当 setSubmitting true - 在页面上加载微调器渲染时,但由于某种原因,在页面实际路由到/主页之前 isSubmitting 变成了 false...

回答 1 投票 0

React Formik enableReinitialize 强制 props.touched 值重置

我有一个从后端获取的数据: fetchUserData = async () => { ...获取数据 this.setState({ 用户名:resp.data.data.uname }); } 我想要 F...

回答 1 投票 0

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