#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;