YUP：验证可以为空的字符串数组
问题描述我有以下作为Formik的表单域类型：interfaceFormFields{groups:string[];}我正在尝试传递一个YUP架构来验证上面的内容：它可以是空数组(必须定义)，但也可以包含字符串。以下选项不起作用：constschema=Yup.object({
如何防止Enter键触发提交
问题描述我正在使用Formik用于React应用中的一个小表单。方法handleSubmit在用户按Enter键时触发。有什么方法可以防止这种触发吗？我在以前的文档中没有找到任何东西...谢谢。推荐答案您可以按如下方式添加onKeyDown处理程序：/***Stopentersu
发布：2023-01-03 标签：reactjsformik
使用Formik的Reaction验证最大范围
问题描述我正在尝试使用Reaction和Formik进行验证。我希望实现最大位数仅为2，最大范围仅为12。expiryMonth:yup.string().required('Selectmonth').max(2,'Invalidmonthformat(Example:06)'
发布：2023-01-03 标签：javascriptreactjsformikyup
材质用户界面切换按钮-选中时不能更改背景颜色
问题描述我正在尝试使用材料UI切换按钮，有点像单选按钮，为用户提供对给定问题的两个选择。它基本上可以正常工作，但当尝试调整每个切换按钮被选中时的样式时，我无法更改切换按钮的背景颜色。我在ToggleButton组件上使用了CLASS属性，并在该属性中使用了"；SELECT
发布：2023-01-03 标签：reactjsmaterial-uijssformikformik-material-ui
使用Formik和YUP的Reaction-Date Picker：未在第一个模糊时验证日期值，而不是.Required()
问题描述我在一个用Yup验证的Formik表单中使用了Reaction-Datepicker。为了将Reaction-Datepicker集成到Formik中，我使用了wrappersolutioninthisthread。最初输入值时，将检查.required()，但不会检查其
发布：2023-01-03 标签：datepickerreactjsformikyup
YUP/Formik带去反跳的异步验证
问题描述如何将取消退回应用于下面的异步验证(codefromYup'sgithub)？letasyncJimmySchema=string().test('is-jimmy','${path}isnotJimmy',async(value)=>(awaitfetch('/is-j
发布：2023-01-03 标签：reactjsformikyup
对多个值进行YUP验证
问题描述我想在formik中使用yup来验证我的表单。假设我有4个字段A、B、C、D，它们都是字符串。如果我希望至少有一个字段不是空的，那么这是一个有效的表单，我应该如何编写验证模式？提前感谢！推荐答案使用YUP时，如果所有正常功能都失败了，您可以使用.test功能，这里介绍了-
使用Formik、Yup和Reaction进行异步验证
问题描述我想使用formik进行异步验证，并使用yup进行验证架构，但我找不到示例或演示。推荐答案constvalidationSchema=Yup.object().shape({username:Yup.string().test('checkDuplUsername','s
发布：2023-01-03 标签：reactjsformikyup
使用YUP检查字符串或数字长度的验证
问题描述是否有用于验证特定长度的yup函数？我尝试了.min(5)和.max(5)，但我想要确保数字正好是5个字符(即邮政编码)的内容。推荐答案我不认为有任何内置的东西，但它很容易用test实现：yup.string().test('len','Mustbeexactly5cha
发布：2023-01-03 标签：javascriptreactjsformikyup
如何在Formik中禁用提交时的自动重置表单？
问题描述我有一个由formik控制的表单，当我填写所有字段并按下提交按钮时，函数onSubmit被调用，并且我的表单将重置此值。有时我的数据不正确(如重复的电子邮件)，我需要保存此数据。如何执行此操作？这是我的代码：constschema=Yup.object().shape({