174得票11回答
Yup中的条件验证

我有一个电子邮件字段,只有在选择复选框(布尔值为true)时才会显示。当表单被提交时,我只想要这个字段在复选框被选中时才是必填项(布尔值为true)。 到目前为止,我尝试过以下方法:const validationSchema = yup.object().shape({ email: ...

39得票8回答
多值的 Yup 验证

我希望使用Formik中的yup对表单进行验证。假设我有4个字段A,B,C和D,它们都是字符串。如果我想要至少一个字段不为空,则该表单有效,我应该如何编写验证模式?先谢谢!

21得票4回答
Formik 重置错误

我正在尝试重置表单中的所有错误。 我尝试使用setErrors和setStatus,但这些都没有起作用。 Formik状态中的错误未被清除。setErrors({errors: {}}) 和setStatus({ errors: {}}); 以上方法均不起作用。 resetForm() 可...

7得票4回答
Yup验证登录ID(可以是电子邮件或电话号码)的动态数据类型。

我正在尝试使用Formik和Yup实现登录功能。这是我的当前模式。 let loginSchema = yup.object().shape({loginId: yup .string() .email("That doesn't look like a valid email") ...

7得票1回答
React中Yup的When中的两个条件

我想要设置两个条件,即当isProduct或isBox为真时,必须填写product_id。我尝试了以下代码,但不起作用。 product_id: yup.string().when(['isProduct', 'isBox'], { is: true, then: yup...

18得票3回答
Yup:验证可能为空的字符串数组

我将以下内容作为Formik表单字段类型:interface FormFields { groups: string[]; } 我正在尝试传递一个Yup模式,以验证上述内容:它可以是一个空数组(必须定义),但也可以包含字符串。 以下代码无法工作:const schema = Yup.obj...

12得票3回答
如何在 Formik 中设置值?

我正在使用React Native的函数组件,并希望将图像URI存储在Formik的初始状态中。 我能在_pickimage函数中获取图像URI,但卡在如何将其传递给Formik的初始状态上。 我该如何将URI值设置为初始状态呢? 还有,有没有一种方法可以将函数状态中的其他自定义值存储到For...

20得票5回答
Formik值问题

关于此问题的 GitHub 讨论 - https://github.com/jaredpalmer/formik/issues/529 我将 formik 的值传递给一个在 <Field/> 的 onChange 中调用的函数,但当我在 <Field/> 中输...

7得票5回答
使用TypeScript和Formik时,出现表单错误类型不匹配的错误。

我有一个自定义组件,用于 formik 表单中的输入,并在其中渲染错误标签(如果存在)。 如果我这样打印:{errors[field.name]},它就能正常工作。 但是,{t(errors[field.name]?.toLocaleString())} 就不行。 import { Fiel...

9得票4回答
React中如何在数字输入框中使用占位符?

我在一个表单中有一个数字输入框,如下所示: <input type="number" id="weight" onChange={this.handleChange} value={this.state.weight} placeholder="Enter weig...