带有 Formik 的 Material UI 单选按钮 - 值未设置 onSubmit

Question

我在使用 MaterialUI 的反应中有一个 formik 表单，除了单选按钮组外，所有控件都在提交时传递它们的值。

这是我的设置，我是缺少 formik 需要的属性还是有什么地方不对？它似乎与我在别处看到的例子相符。目前此字段没有验证架构。

const formik = useFormik({
            initialValues: {
                email: '',
                packageType: '',
            },
            validationSchema: validationSchema,
            onSubmit: (values) => {
                sendRequestEmail(values);
            },
        });

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

Answer 1

显然它需要在订单项级别，而不是在示例显示的 RadioGroup 中：

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

带有 Formik 的 Material UI 单选按钮 - 值未设置 onSubmit

MaterialUI Radio buttons with Formik - value not set onSubmit

reactjs

material-ui

yup

formik