将Formik与打字稿(离子)配合使用

问题描述我尝试使用Formik库来验证表单,但在将Change函数传递给输入组件时遇到问题。以下是主要组件:importReactfrom'react';import{IonHeader,IonContent,IonToolbar,IonTitle,IonButton,IonPa

发布:2023-01-03 标签:typescriptreactjsionic-frameworkformik


在Formik中设置单选按钮组的初始值

问题描述我使用的是名为Formik(2.1.5)的最新版本的Reaction表单库。它相当不错,但我在初始加载时遇到了单选按钮组的问题。当我第一次加载表单时,我设置了一组初始值。当我执行console.log并且所有数据都在那里时,我可以看到它们。我的输入域和文本域完美地加载了初

发布:2023-01-03 标签:reactjsformik


如何在Formick中使用REACTION数字格式

问题描述我的表格如下constNewProduct=({})=>{constvalidate=(values)=>{consterrors={}if(!values.title){errors.title='Required'}returnerrors}constformik=u

发布:2023-01-03 标签:reactjsformik


使用<Field数组/>中的自定义组件,通过表单<字段/>设置<Textfield/>的值。

问题描述我正在尝试通过使用map的索引来设置动态表单的默认值,以下是代码片段:<FormikinitialValues={initialInputField}onSubmit={(data)=>handleSubmitForm(data)}//validationSchema={

发布:2023-01-03 标签:reactjsmaterial-uiformikformik-material-ui


Redux在Reaction中添加了另一个Aray内的对象数组

问题描述我这里的产品可能有一个或多个图像。具体取决于ProductCode。如果ProductCode为,则它们属于同一产品。可以在图像的文件名上找到ProductCode,它在第一个下划线之后。例如,如果文件名为AA_BB_CC.jpg。ProductCode为bb。您可以查看

发布:2023-01-03 标签:reactjsreact-hooksreduxreact-reduxformik


两种情况在什么时候在YUP中反应

问题描述我想提出两个条件:如果isProduct或isBox为真,则product_id应该是必需的。我在下面执行了此代码,但它不起作用product_id:yup.string().when(['isProduct','isBox'],{is:true,then:yup.str

发布:2023-01-03 标签:reactjsformikyup


当Formik表单更改时更新另一个组件

问题描述有一个基本的Formik表单:<FormikinitialValues={{email:'',color:'red',firstName:''}}onSubmit={(values,actions)=>{setTimeout(()=>{alert(JSON.stringi

发布:2023-01-03 标签:javascriptreactjsformik


Formik验证正在提交/isValiating未设置为True

问题描述我有一个我的用户请求的表单,我清楚地表明该表单是无效的。因此,我计划弹出一个sweetalert对话框,让他们知道他们需要再次检查表单。我想我可以在验证中这样做,以便在提交尝试失败时向他们发出警报:constvalidate=values=>{console.log(fo

发布:2023-01-03 标签:formsjavascriptreactjsformik


基于另一个字段值的必填字段-Formik,Yup

问题描述我有一个反应表格,在有选择字段的地方,假设该字段具有值A、B、C、D、E、F。现在假设,另一个字段ChooseSubType只有在我选择B或D时才会显示,并且此字段仅在显示时是必填字段,而不是在此之前。现在,我如何才能做到这一点?以下是第一个字段的代码,即选择字段choo

发布:2023-01-03 标签:reactjsformikyup


如何使用Formik调用onChange中的两个函数

问题描述问题:我在Reaction中选择了Formik表单中的输入。我的代码如下<selectclassName="form-controloffence-select"id="exampleFormControlSelect1"value={props.values.offen

发布:2023-01-03 标签:reactjsformik