formik 相关问题

React的表单库

如何在 React 应用程序中以编程方式填写 Formik 表单,同时其组件不暴露于 DOM

如何以编程方式填写在 React 应用程序中使用 Formik 构建的表单,并确保表单的填写方式与手动填写表单的方式相同? 一个...

回答 1 投票 0

onClick 或 onChange 在预行 UI 选择组件中不起作用

我正在 React 中使用 preline UI 库来设计我的网站。但不知何故,如果我按照 preline UI、onChange 或 onClick 使用带有 data-hs-select 属性的“select”,则实际上没有任何效果。不...

回答 1 投票 0

Mui TextField 占位符在第一次刷新时显示值

我遇到了这种奇怪的行为,我不知道如何解决,在此表单的编辑模式下,如果刷新页面,我会遇到一个错误,其中值和占位符都显示在字段中 -- 那个...

回答 1 投票 0

Yup 中如何测试数组中值的唯一性?

我已经使用 Formik 在 React 中创建了一个带有验证的动态表单。 到目前为止我所取得的成就: 当前代码允许用户选择要购买的门票数量,然后输入名称...

回答 1 投票 0

如何使用useFormik默认选中复选框?

我有这些组件,并且子组件中有 12 个复选框。我想在组件加载时默认检查它们。我不能那样做。我不能使用checked='true'作为...的属性

回答 1 投票 0

使用 Formik 和 Yup,如何显示嵌套对象字段的表单错误?

我正在使用 React 18、Ionic 7、Formik 2.4 和 Yup 0.32。我有一个带有嵌套对象的对象 导出类型 Person = { 名称:字符串 地址: 地址 } 地址对象定义为 出口类型

回答 1 投票 0

Formik 验证上传表单的数量reactjs

我想验证上传的表单数量。如果用户上传的文件少于 3 个,则在用户单击提交按钮后将显示无效反馈。 据我所知,统计一下上传的数量

回答 1 投票 0

使用 Yup 和 Formik 根据另一个字段的值检查字段值

我正在尝试使用 yup 检查字段 IndustryNameOther 是否不为空,但我只想在字段 IndustryName(字符串数组)包含字符串“other”时才执行此检查....

回答 1 投票 0

是的条件验证

我想使用我的架构在其他字段的基础上验证一个字段。例如,如果 carType 为“SUV”,则最大“noOfPassengers”应为 6,否则为 4。但是,它不会验证这种情况,ne...

回答 2 投票 0


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

我正在使用 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

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