如果未触摸，Formik + Yup不会验证输入
我正在尝试使用Formik + Yup来验证我的表单，但是当前如果我触摸一个字段，然后尝试提交，则具有最小长度的字段将被验证，并且不允许我提交. 在我的代码沙箱之后( https://codesandbox.io/s/focused-bardeen- 5fiuz )，我希望用户只要更改firstName字段即可提交表单，而无需为country字段输入任何内容.我同时尝试了.notRequir
..
formik相关内容
在formik中，速记输入字段不起作用
在Formik中，我尝试在输入字段上使用{... formik.getFieldProps('email')} 而不是使用value，onChange和onBlur.但这不起作用. 这有效:
..
Formik-如何从组件的props中设置输入字段的值?
我在表单中使用Formik. 输入之一应该由props值填充. 我该怎么办? 这是我的方法: ，但是它很
..
无法使用Formik表单单击按钮
我正在使用Formik进行验证，因此，如果输入为空，则会出现“必需的错误". 当我单击表单的按钮时，应该呈现一个列表(UsersFoundList).此列表在表单外部，并且包含进一步具有按钮的元素.当我第一次单击列表中的那些按钮时，它们不起作用.相反，formik错误开始显示在输入字段上. 仅当我尝试再次提交表单时，才会出现此错误.当我单击其他任何东西时都不会. const [s
..
一旦字段在Formikl/Yup中有效，如何执行自定义功能
我想在字段变为有效时执行自定义功能吗? 类似这样的事情.. 原因是，一旦用户输入有效的邮政编码，我想让获取(GET)从API获取地址 解决方案 您可以这样解决: 具有Loader组件，该组件会在获取URL时加载数据 如果touched[fieldName] && !errors[fi
..
使用自定义组件时，onChange处理程序不会触发
我正在使用 Formik 在React应用中进行验证. 验证工作正常，但是我的onChange处理程序无法触发: console.log("gfdg")} />
..
确定在Formik FieldArray中已删除(创建和修改)了哪些项目
想知道Formik是否具有本机解决方案来识别形式为FieldArray的添加和删除(和更新)吗? 我在这里的沙箱上有代码 https://codesandbox.io/s/jn7x2m75o9 (基于原始Formik数组示例@ https://github.com/jaredpalmer/formik/blob/master/examples/Arrays.js ) 还有这里的相关部分
..
如何使用动态字段名称创建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
..
如何通过打字稿在Formik中添加强类型字段?
我试图通过Typescript在Formik react库中添加强类型，但是我没有这样做.当然，我使用了此链接，但是无法解决我的问题. https://jaredpalmer.com/formik/docs/guides/typescript 我从这部分代码(})(ActivityForm);中得到了此错误: 类型'(props:IProps)=>元素'的参数不可分配给 'Compos
..
错误:无法将未定义或空值转换为对象
我使用fetch向服务器发出请求，并获得响应-类别列表.我在视图表中显示此列表.在右侧的每个类别附近，我都有 Delete (删除)按钮.当我单击此按钮时，将出现模态窗口，其中包含两个按钮Delete和Cancel.我使用API方法DELETE删除了某些类别. 当我在模式窗口中单击按钮Delete 我的类别删除！很好！ 但是在我的页面中出现错误: TypeError:无
..
Yup嵌套架构验证
我正在尝试根据用户选择的“选择选项"有条件地验证对象，问题是我正在渲染货币列表，并且很难将其设置为必填字段，因为我必须通过在一个空对象开始. 我的代码栈是React，Formik和Yup(所有最新版本). 对象架构 category: 'A', details: { name: '', price: 0, stock: 0, currency: {
..
withFormik，传递函数作为道具
我正在使用Formik构建用户输入表单.我正在使用withFormik处理我的表单. 我目前正在这样传递我的handleSubmit到我的组件中: export const CreateForm = withFormik({ mapPropsToValues: () => ({ primarySkill: "12" }), validationSchema: () =>
..
仅发送在formik onSubmit中已更改的值
我有一张小数据表，该数据表是在页面加载时由api调用预先填充的.表中的每一行都有一个设施名称和一个来自api调用的Enabled值.如果Enabled == true，则该复选框显示为选中状态. 我有几个复选框，由于无法完全更改而处于灰色状态，因此该字段上有一个readOnly属性. 在我的问题上，为简洁起见，我精简了表中显示的设施清单，但实际上可能有X处设施.在我的onSubmit函
..
Formik元素类型无效
Formik 我是Formik的新手，每当我开始学习此问题时便开始使用它 未捕获的错误:元素类型无效:预期为字符串(用于 内置组件)或类/函数(用于复合组件) 但得到:对象. 我无法找到错误，原因是这是我的代码 //这是Login.js文件 import React, { Component } from "react"; import { Row, Col
..
如何在formik中基于另一个字段设置一个字段的输入值?
我是ReactJS的新手，并在我的Web应用程序中使用了formik.在表单内部，我必须根据用户在另一个字段中输入的值来设置字段的值. 以下是我的表格: {({ values
..
Firebase:如何将表单数据提交到不同的集合?
我有一张表格.表单中的字段之一是字段数组-用于可重复的字段.除了此字段之外，所有其他表单字段都存储在一个集合中(父集合). 父级集合具有用于字段数组的数组，该数组保存每个重复条目的值，并存储在子集合(子集合)中. 在编写Firestore提交时，我试图将要提交给“父集合"的字段与要提交给“子集合"的字段分开. 我的尝试在下面.
..
Formik，Material UI自动完成和Firestore-在哪里查询以找到数组参数
您如何修改formik onChange处理程序，以使其仅保存传递给Material UI自动完成字段的选项的值(而不是值加标签的数组)? 我有一个集合，该集合包含一个带有名为category的属性的文档.目前，该类别同时使用表单输入选项中的标签和值填充. 我正在努力寻找一种获取firebase的方法，以便在其中查询以查找数组的value属性. 我想知道，如果我尝试仅将值而不是标
..
如何使用Formik在headerRight中触发函数?
我是React-native和Formik的新手，遇到了我要建立的这个问题. 如何使用Formik在headerRight中触发函数?我有updateCorporation函数将执行api，formik将执行该函数以触发此函数，并且在按Update按钮之后，但结果不确定 我不明白为什么会这样. File_1.js const CorporationContainer = (pro
..
使用React Native Switch的Formik
我的目标是以Formik形式使用基于Switch的自定义组件(来自React Native).这是表单组件的代码: class NewPreferences extends React.Component { render() { return(
..
React Formik将外部按钮单击与< Formik>中的onSubmit函数绑定.
我正在尝试使用位于
或标签之外的外部按钮提交表单 如以下屏幕截图所示，我的按钮在Bootstrap> Modal Footer部分中，并且它们在form标签之外.当用户单击Submit按钮时，我正在尝试提交表单. 请参见以下类似代码.我将其上传到 CodeSandbox . function App() { return (
..