如何将 Formik 连接到 Material UI 的无线电控制组?

How do I connect Formik to Material UI's radio control group?

我正在努力将 Material UI 的无线电控制组连接到 Formik 的 useFormik() 功能。我试过按照其他教程进行操作,但它们要么使用打字稿,要么使用 <Formik> 组件,这两种方法都不理想。我对 React 很陌生,更不用说 JS 和 TS 了,所以请原谅我糟糕的编码风格和约定。目前,无线电组值已成功传递到 Formik 的数据库中,但 UI 组件未更新以显示其已被检查。

这是我当前所在位置的代码沙盒:https://codesandbox.io/s/epic-rgb-t9n0r?fontsize=14&hidenavigation=1&theme=dark

如果我做的每件事都完全错误,应该只使用 <Formik><Field>s,请告诉我

您在 <FormControlLabel 中的值应该是字符串,它会起作用。相反 value={true} 放置 value="true"