React的表单库
DatePicker 需要点击 2 次才能更新错误,Formik 和 Yup
我有这个Material UI DatePicker: <
当我的所有复选框输入都具有相同名称时,如何滚动到第一个错误?
我正在使用 React 18、Ionic 7 和 Formik 2.4.3。当我想滚动到错误位置的顶部时,我使用一个组件 导出 const getFieldErrorNames = (formikErrors) => { 合作...
我有带有三个输入字段的表单,以下是键和值类型: 我已经设计了表单,但如何以对象类型发送 gcloud 字段键值? gcloud 输入字段的代码: gcl...
我的表单具有动态输入量(管理员电子邮件),但是检查唯一性失败: validationSchema={Yup.object().shape({ adminEmails: 是的.array() 。的( ...
错误:React.Children.only 期望接收单个 React 元素子元素。福米克
我在 Formik 道具中遇到此错误。我和formik合作很长时间了,这是我第一次遇到这种情况
在Reactjs中使用Formik将文件上传到Django Rest API
是否可以使用Formik从Reactjs客户端将文件(图像)上传到Django Rest api?
删除 useFormik 放置在 useEffect 中时出现的 lint 问题
下拉列表中的值基于 API 调用,其数组响应存储在 Zustand 存储中。我有一个 useEffect 来监听 Zustand 存储变量何时不再为空,它会
我正在创建一个反应 Formik 表单,一切正常,直到我将日期选择器放入表单中,然后出现一些错误,但是当我解决错误时,这个 [“字段”未定义] 是否有任何错误...
有没有办法在ZOD中使用跨字段验证来检查其他字段然后渲染条件
我正在使用 React Typescript 构建具有 Zod 验证模式的表单。 我想实现什么目标? 因此,我想根据另一个字段的值呈现条件。每个国家都有自己的...
我试图在表单提交后让单选按钮显示在控制台上,但即使选择了一个选项,我也会收到显示错误消息,并且我不确定我做错了什么。 ...
我的formik表格是这样的 常量新产品 = ({}) => { 常量验证=(值)=> { 常量错误 = {} if (!values.title) { 错误.title = '必填' ...
React-Bootstrap 无线电输入作为带有 formik 的按钮组
我正在尝试让单选按钮显示为按钮组,其中按钮是/否作为可重复使用的反应组件,也使用 formik。 const 布尔输入 = ( 道具:{标签:字符串;尺寸:数量 } &a...
我已经查找过与此相关的任何类似问题,但一无所获。基本上我使用 formik 来管理测验的问题。我正在使用 FieldArray 动态添加问题文本...
我正在尝试从模式屏幕更新 Formik 字段。模态返回数据并将它们设置到 pageState 中。考虑到我的 Fomik Form 有“enableReinitialize”,字段更新有效...
我正在开发一个 React Native 应用程序。我在我的表单中使用 Formik。现在我的要求是我有一个 TextInput,用户可以在其中输入价格。此输入字段应添加逗号分隔符 1...
在ReactJS中使用useFormik时如何使用uuid作为item ID?
我使用 useForm 在 ReactJS 中提交表单。 在 useForm 中,我们定义了带有空白内容的初始值。 对于输入,我们使用值,例如: 值={formik.values.bookName} 我想分配id...
不确定如何将 Radio 组添加到也使用材料 UI 的预先存在的 Formik 表单中
我是 REACT 新手,我正在尝试通过修改现有示例来学习:这里我正在遵循使用 Formik 和 Material UI 的教程,我正在努力将文本输入框更改为...
Formik 的“isValid”报告 true,即使验证模式报告错误
看起来 Formik 的标志“isValid”在某些情况下被设置为 true,即使表单值不应被视为有效。我下面有一个工作的codesandbox示例,这是...
为什么 React 在 router.push("/") 之前渲染表单一秒钟
这是我的登录页面(我使用 Next.js 14)。 当 setSubmitting true - 在页面上加载微调器渲染时,但由于某种原因,在页面实际路由到/主页之前 isSubmitting 变成了 false...
React Formik enableReinitialize 强制 props.touched 值重置
我有一个从后端获取的数据: fetchUserData = async () => { ...获取数据 this.setState({ 用户名:resp.data.data.uname }); } 我想要 F...