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
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