【问题标题】:RadioGroup is not updated to the selected radio buttonRadioGroup 未更新为选定的单选按钮
【发布时间】:2019-09-12 18:33:31
【问题描述】:

所以我想创建一个动态单选组(使用材质 ui)女巫将一个对象作为参数并使用该对象构建单选按钮。它工作正常(当我单击单选按钮时,状态会发生变化)但问题是当我单击单选按钮时它没有得到更新(选中)。 有人能帮帮我吗?
你可以在代码沙箱中找到一个演示。 在演示中有两个例子:

  1. 第一个使用材质 ui RadioGroup 组件,它 工作正常
  2. 第二个使用我的名为 RadioBox 的新组件,但它不起作用

https://codesandbox.io/embed/agitated-sea-rrx2u?

【问题讨论】:

    标签: reactjs material-ui


    【解决方案1】:

    问题:

    男性和女性键的值分别是整数 0 和 1,但 RadioBox.js 值上的 props.value 来自字符串。

    解决方案之一:

    RadioBox组件返回值的value属性上添加parseInt。

    return (
        <RadioGroup value={parseInt(props.value)} onChange={props.handleChange}>
          {radioBox}
        </RadioGroup>
      );
    

    【讨论】:

    • 在测试后 ti 工作正常。非常感谢 saurssaurav,你拯救了我的一天。传递给 RadioBox 的值是一个字符串,而不是你是对的整数。
    猜你喜欢
    • 2017-11-05
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2017-03-22
    • 1970-01-01
    • 2018-01-13
    • 1970-01-01
    相关资源
    最近更新 更多