你如何在反應 formik 無線電字段上使用 onChange 屬性

Question

每當我單擊不同的單選按鈕時，我都希望使用 onchange function。 但是每當我嘗試這樣做時，formik 的默認行為就會丟失。

const initialValues = {
hasParent:"no"
}

const handleParentRadioChange = (val) => {
    if (val === 'yes') {
      alert('true');
    } else {
      alert('false');
    }
  };
const submitData = (value) =>{
  console.log(value); 
}


<Formik
   initialValues={initial}
   onSubmit={submitData}
  >
    <Field
    onChange={() => handleParentRadioChange('yes')}
    type="radio"
    name="hasParent"
    value="yes"
    />
    Yes
 <Field
    onChange={() => handleParentRadioChange('no')}
    type="radio"
    name="hasParent"
    value="no"
    />
    No
</Formik> 

如何在不丟失默認 formik 屬性的情況下對 formik 字段執行 onChange？

Answer 1

onChange 屬性在 formik 收音機中不起作用...您可以通過 onClick 實現相同的目的。 https://formik.org/docs/examples/radio-group