基于另一個字段值的必填字段-Formik,Yup [英] field required based on value of another field - formik, yup

查看:0
本文介紹了基于另一個字段值的必填字段-Formik,Yup的處理方法,對大家解決問題具有一定的參考價值,需要的朋友們下面隨著小編來一起學習吧!

問題描述

我有一個反應表格, 在有選擇字段的地方, 假設該字段具有值A、B、C、D、E、F。

現在假設,另一個字段ChooseSubType只有在我選擇B或D時才會顯示,并且此字段僅在顯示時是必填字段,而不是在此之前。

現在,我如何才能做到這一點?

以下是第一個字段的代碼,即選擇字段

chooseAlphabet: Yup.string().required('field required'),
chooseSubType : Yup.string().when('chooseAlphabet',
('chooseAlphabet',schema)=>{
   console.log('value business : ',chooseAlphabet);
   if(chooseAlphabet === "B"||"D"){
     return schema;
   }else{
     return schema.required('field required');
   }
  }),

但此代碼不起作用。

現在,我要在此處進行哪些更改才能使它按我希望的方式工作?

推薦答案

我知道有點晚了,但您可以試試

chooseSubType: yup.string().when('chooseAlphabet', {
  is: 'B',
  then: schema => schema,
  otherwise: yup.string().when('type', {
    is: 'D',
    then: yup.string().required('field required.')
  })
})

這篇關于基于另一個字段值的必填字段-Formik,Yup的文章就介紹到這了,希望我們推薦的答案對大家有所幫助,也希望大家多多支持IT屋!

查看全文
登錄 關閉
掃碼關注1秒登錄
發送“驗證碼”獲取 | 15天全站免登陸
全免费A级毛片免费看无码播放