你如何在 React Formik 无线电场上使用 onChange 属性

Question

每当我点击不同的单选按钮时，我都希望使用 onchange 函数。但是每当我尝试这样做时，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 radio 中不起作用...您可以通过 onClick 实现相同的目的。 https://formik.org/docs/examples/radio-group

你如何在 React Formik 无线电场上使用 onChange 属性

how do you use onChange property on react formik radio field

javascript

reactjs

formik