提交值后如何重置antd datepicker?
这里我提供了我的示例示例，用于处理代码和框.提交表单后如何重置日期选择器值? 状态 = {设置字段值:''}onChange = (setFieldValue) =>{this.setState({ setFieldValue: null })}使成为() {const { values, handleSubmit } = this.props返回 (
..
yup相关内容
如何使用react-final-form多屏幕正确验证表单值?
我将react-final-form与材料ui，mui-rff和yup一起用于表单验证.我有多个屏幕，或者我应该说向导屏幕，每个屏幕都有HTML表单元素输入和单选按钮. 所有HTML表单元素都是必需的，这意味着除非用户输入数据或单击它，否则它们无法进入下一个屏幕. 目前我在这里有2个问题. 下一个按钮无法正常工作.我希望当前屏幕的值为 valid:false 时总有错误，下一个按
..
从JSON创建动态Yup验证架构
我正在尝试在我的反应形式中使用 Yup 和 Formik .表单字段将是动态的，以便对其进行验证. export const formData = [{id:“名称"，标签:“全名"，占位符:“输入全名"，类型:“文本"，必填:是，值:“用户名"，值:[]，验证:[{类型:"minLength"，值:"5"，error_message:“名称至少应为5个字符长"}，{类型:"maxLength
..
使用React进行Formik，Yup密码强度验证
我对React还是很陌生，我有一个注册页面，其中有一个可通过正则表达式验证的密码字段. 我正在使用Formik和Yup进行验证，但是遇到错误，当我在“密码"字段中键入内容时，长度函数被调用的属性未定义. 在yup中有一个名为"matches"的函数，我正在尝试使用该函数来检查正则表达式.那是我收到此错误的时间.我删除了此验证，然后将其他验证设置为密码字段即可正常工作. 下面是Si
..
如果未触摸，Formik + Yup不会验证输入
我正在尝试使用Formik + Yup来验证我的表单，但是当前如果我触摸一个字段，然后尝试提交，则具有最小长度的字段将被验证，并且不允许我提交. 在我的代码沙箱之后( https://codesandbox.io/s/focused-bardeen- 5fiuz )，我希望用户只要更改firstName字段即可提交表单，而无需为country字段输入任何内容.我同时尝试了.notRequir
..
一旦字段在Formikl/Yup中有效，如何执行自定义功能
我想在字段变为有效时执行自定义功能吗? 类似这样的事情.. 原因是，一旦用户输入有效的邮政编码，我想让获取(GET)从API获取地址 解决方案 您可以这样解决: 具有Loader组件，该组件会在获取URL时加载数据 如果touched[fieldName] && !errors[fi
..
如何使用动态字段名称创建Formik YUP架构?
如何使用动态点表示法字段名称创建YUP架构?以下架构无效.我如何动态地遍历Costs.0.item，Costs.1.item，Costs.2.item和Costs.0.amount，Costs.1.amount，Costs.2.amount?感谢您的帮助！ const IpSchema = Yup.object().shape({ Project_Title: Yup.st
..
Yup嵌套架构验证
我正在尝试根据用户选择的“选择选项"有条件地验证对象，问题是我正在渲染货币列表，并且很难将其设置为必填字段，因为我必须通过在一个空对象开始. 我的代码栈是React，Formik和Yup(所有最新版本). 对象架构 category: 'A', details: { name: '', price: 0, stock: 0, currency: {
..
获取当前及以后的Formik验证
我需要使用Formik进行验证，即输入只能是currentYear或更高版本. const currentYear = new Date().getFullYear(); expiryYear: yup .string() .required('Select expiry year') .min(4, `Invalid year format (Example: ${currentYea
..
如何在Yup.array中测试值的唯一性?
我的表单具有动态输入(管理员电子邮件)，但是检查唯一性失败: validationSchema={Yup.object().shape({ adminEmails: Yup.array() .of( Yup.string() .notOneOf(Yup.ref('adminEmails'),
..
是的:在对象数组中进行深度验证
我有一个像这样的数据结构: { "subject": "Ah yeah", "description": "Jeg siger...", "daysOfWeek": [ { "dayOfWeek": "MONDAY", "checked": false }, { "dayOfWeek": "TUESDAY",
..
React Formik-仅在表单提交时触发验证
我在我的React Native应用程序中使用Formik.在登录表单上，我有两个字段:电子邮件和密码，这两个字段都是必填字段. 我已经写了这样的验证规则: export const LoginSchema = Yup.object().shape({ email: Yup.string() .email('The email is invalid') .requi
..
使用Formik处理来自API的错误
我正在从api中捕获错误，并以表格形式显示它们，并且工作正常.但是问题是，当我以一种形式更改一个字段时，所有错误都消失了.对于表单，我使用的是Formik，并用于验证. const handleSubmit = (values, {setSubmitting, setFieldError, setStatus}) => { someApiCall(values) .
..
React Formik表单验证:如何最初禁用提交按钮
下面是我在其中使用formik的React表单验证代码.默认情况下，加载表单时，我要保持禁用提交按钮: import { useFormik } from "formik"; import * as Yup from "yup"; const formik = useFormik({ initialValues: { firstName: "", lastN
..
根据Yup和Formik中的另一个字段有条件地验证字段
我在验证时遇到问题.我希望如果access的值为1，那么您可以选择start_date和end_date但是，如果access的值不为1，那么您只能选择今天. Codesandbox export const validationSchema = yup.object().shape({ access: yup.number().nullable(), start_date: yup.
..
使用Yup和Formik进行条件验证
这是我的验证模式: const validationSchema = Yup.object().shape({ person: Yup.object().shape({ name: Yup.string().required('Field is required'), surname: Yup.string().required('Field is
..
Yup中的条件验证
我有一个电子邮件字段，仅在选中复选框(布尔值为true)时才会显示.提交表单后，如果选中此复选框(布尔值为true)，则仅此字段是必填字段. 这是我到目前为止尝试过的: const validationSchema = yup.object().shape({ email: yup .string() .emai
..
TextInput上的onChange在Formik中不起作用
通常允许您即使仅指定占位符也可以键入.但是，在Formik表单中使用时，我无法在表单中键入和验证任何内容.我在做什么错了? 我尝试同时使用setFieldValue和handleChange的onChangeText. const initialValues: FormValues = { friendEmail: '', }; export const P
..
如何使用antd和formik设置和获取datepicker值?
这里我要使用antd创建Datepicker并将此antd datepicker传递到formik字段.我的使用antd的Datepicker的示例代码 import React from "react"; import { Form, DatePicker } from "antd" import { Field } from "formik"; impor
..
提交值后如何重设antd datepicker?
在这里，我提供了在codeandbox上工作的示例示例.提交表单后如何重设datepicker值? state = { setFieldValue: '' } onChange = (setFieldValue) => { this.setState({ setFieldValue: null }) } ren
..