reactjs - 基于另一个字段的值所需的字段 - formik，是的

Question

我有一个 react 形式，其中有一个选择字段，假设该字段的值为 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');
   }
  }),

但是这段代码不起作用。

现在，我需要进行哪些更改才能使这项工作按我的意愿进行？

Answer 1

我知道有点晚了，但你可以试试这个

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