私はFormikフォームを持っています。2つのラジオボタンがあり、ユーザーにスタッフか学生かを選択するように求めます。ユーザーの選択に基づいて、ユーザーがYup検証を使用して入力するさまざまなフィールドを表示できます。ここでwhen()メソッドの使い方がわかりません!!

これが私のFormikです

<Formik
        initialValues ={{
            name: '',
            school: '',
            jobType: '',
            parentName: '',
            parentPhone: '',
            parentEmail: '',
            staffPhone:'',
            staffEmail: '',
            condition:'',
        }}
        onSubmit={async (values) => {
          await new Promise((r) => setTimeout(r, 500));
          alert(JSON.stringify(values, null, 2));
        }}
        validationSchema={validate}
   
    
    >

I am trying to use Yup validation to show the fields based on the users choice
my validation Schema

const validate = Yup.object({
    name: Yup.string()
             .max(20, "Must be 20 characters or less" )
             .required('required'),
    school: Yup.string().required('Please select your school').oneOf(schools),
    jobType: Yup.string().required("are you a student or a staff member ?!"),
    parentName: Yup.string().when('jobType', {
      is: true ,
      then: Yup.string().required('Field is required')
    }),

フォーム自体について:

 <div id="my-radio-group">Job type</div>
     <ErrorMessage name="jobType" />

<div role="group" aria-labelledby="my-radio-group">
<label>
<Field type="radio" name="jobType" value="student" />
Student
</label>
<label>
<Field type="radio" name="jobType" value="staff member" />
Staff member</label>

{console.log({values})}
{/* <div>Picked: {values.jobType}</div>  */}
</div> 
    <button className="btn btn-dark mt-3" type="submit"> Register</button>
答えが見つかりません