【问题标题】: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 事件。
      猜你喜欢
      • 2020-02-15
      • 2021-08-20
      • 1970-01-01
      • 2015-05-20
      • 2021-01-14
      • 2020-03-31
      • 2022-01-08
      • 1970-01-01
      • 1970-01-01
      相关资源
      最近更新 更多