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

【问题标题】：How do I connect Formik to Material UI's radio control group?如何将 Formik 连接到 Material UI 的无线电控制组？
【发布时间】：2021-05-27 09:28:00
【问题描述】：

我正在努力将 Material UIs Radio 控制组连接到 Formik 的 useFormik() 函数。我尝试过其他教程，但它们都使用打字稿或使用<Formik> 组件，这两种方法都不理想。我对 React 很陌生，更不用说 JS 和 TS，所以请原谅我糟糕的编码风格和约定。目前，单选组值已成功传递到 Formik 的数据库中，但 UI 组件并未更新以显示其已被选中。

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

如果我做的一切都完全错误，应该使用<Formik> 和<Field>s，请告诉我

【问题讨论】：

标签： javascript reactjs material-ui radio-button formik

【解决方案1】：

<FormControlLabel 中的值应该是字符串，它会起作用。而是value={true} 放置value="true"

【讨论】：