Переключатели MaterialUI с формиком — значение не задано на отправке

#reactjs #material-ui #formik #yup

#реагирует на #материал-пользовательский интерфейс #formik #ага

Вопрос:

У меня есть форма formik в react с использованием MaterialUI, и все элементы управления передают свои значения на отправку, кроме группы переключателей.

Вот моя настройка, мне не хватает атрибута, который нужен формику, или у меня что-то не на месте? Похоже, это соответствует примерам, которые я вижу в других местах. На данный момент для этого поля не существует схемы проверки.

 const formik = useFormik({  initialValues: {  email: '',  packageType: '',  },  validationSchema: validationSchema,  onSubmit: (values) =gt; {  sendRequestEmail(values);  },  });  lt;FormControl component="fieldset"gt;  lt;RadioGroup  aria-label="Package type"  name="packageType"   defaultValue="Basic Package"  onChange={formik.handleChange}   gt;  {data.strapiPricingPage.cookie_types.map((item) =gt; (  lt;FormControlLabel key={item.CookieType} value={item.CookieType} control={lt;Radio /gt;} label={item.CookieType} /gt;   ))}  lt;/RadioGroupgt;  lt;/FormControlgt;  

Ответ №1:

По-видимому, это должно быть на уровне позиции, а не в радиогруппе, где примеры показывают, что это:

 lt;FormControl component="fieldset"gt;  lt;RadioGroup  aria-label="Package type"  // name="packageType"   defaultValue="Basic Package"  //onChange={formik.handleChange}   gt;  {data.strapiPricingPage.cookie_types.map((item) =gt; (  lt;FormControlLabel onChange={formik.handleChange} name="packageType" key={item.CookieType} value={item.CookieType} control={lt;Radio /gt;} label={item.CookieType} /gt;   ))}  lt;/RadioGroupgt;  lt;/FormControlgt;