React的表单库
如何在 React 应用程序中以编程方式填写 Formik 表单,同时其组件不暴露于 DOM
如何以编程方式填写在 React 应用程序中使用 Formik 构建的表单,并确保表单的填写方式与手动填写表单的方式相同? 一个...
onClick 或 onChange 在预行 UI 选择组件中不起作用
我正在 React 中使用 preline UI 库来设计我的网站。但不知何故,如果我按照 preline UI、onChange 或 onClick 使用带有 data-hs-select 属性的“select”,则实际上没有任何效果。不...
我遇到了这种奇怪的行为,我不知道如何解决,在此表单的编辑模式下,如果刷新页面,我会遇到一个错误,其中值和占位符都显示在字段中 -- 那个...
我已经使用 Formik 在 React 中创建了一个带有验证的动态表单。 到目前为止我所取得的成就: 当前代码允许用户选择要购买的门票数量,然后输入名称...
我有这些组件,并且子组件中有 12 个复选框。我想在组件加载时默认检查它们。我不能那样做。我不能使用checked='true'作为...的属性
使用 Formik 和 Yup,如何显示嵌套对象字段的表单错误?
我正在使用 React 18、Ionic 7、Formik 2.4 和 Yup 0.32。我有一个带有嵌套对象的对象 导出类型 Person = { 名称:字符串 地址: 地址 } 地址对象定义为 出口类型
我想验证上传的表单数量。如果用户上传的文件少于 3 个,则在用户单击提交按钮后将显示无效反馈。 据我所知,统计一下上传的数量
使用 Yup 和 Formik 根据另一个字段的值检查字段值
我正在尝试使用 yup 检查字段 IndustryNameOther 是否不为空,但我只想在字段 IndustryName(字符串数组)包含字符串“other”时才执行此检查....
我想使用我的架构在其他字段的基础上验证一个字段。例如,如果 carType 为“SUV”,则最大“noOfPassengers”应为 6,否则为 4。但是,它不会验证这种情况,ne...
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 = '必填' ...