无法让 Material UI 单选按钮与 Formik 第二部分一起使用答案

【问题标题】：Cannot get Material UI radio buttons to work with Formik Part Two无法让 Material UI 单选按钮与 Formik 第二部分一起使用
【发布时间】：2020-02-17 19:35:30
【问题描述】：

之前，我在此寻求帮助，让单选按钮与 Material UI 和 Formik 一起使用：Cannot get Material UI radio buttons to work with Formik。幸运的是，我得到了修复，但不幸的是它不适用于我们的应用程序。因此，我开发了一个与我们的环境更匹配的代码沙箱，解决方案在上一个问题中给出。任何人都可以就如何让它工作提供建议吗？有关更多详细信息，我们封装了 Material UI，在本例中为 Radio.js 类。这使我们可以在不同的项目/回购中利用它。这是代码沙箱：https://codesandbox.io/s/recursing-colden-0oo63。谢谢！

【问题讨论】：

标签： reactjs material-ui formik

【解决方案1】：

在一些帮助下，我发现这个答案有效。 https://codesandbox.io/s/sleepy-tdd-784y8

【讨论】：

【解决方案2】：

你的意思是单选按钮没有进入选中状态？您没有工作并设置了 Checked Prop。您必须使用状态挂钩和 onChange 事件。

参见示例： https://codesandbox.io/s/festive-firefly-lb45t

【讨论】：

此示例不允许选择不同的单选按钮。你忘了保存你的工作吗？它似乎与我发布的内容没有太大不同。
如您所见，现在显示了初始值。
在您的示例中，您无法更改单选按钮选择。我希望所有初始值都未选中。
我更新了答案。您必须使用状态挂钩和 onChange 事件。