RadioGroup未更新为所选的单选按钮

时间:2019-09-12 09:39:56

标签: reactjs material-ui

因此,我想创建一个动态单选组(使用材质ui),以一个对象作为参数并使用该对象构建单选按钮。它工作正常(当我单击单选按钮时,状态会更改),但问题是当我单击单选按钮时,它不会更新(选中)。 有人可以帮我吗?
您可以在codeandbox中找到一个演示。 在演示中,有两个示例:

  1. 第一个使用实质性的ui RadioGroup组件, 效果很好
  2. 第二个使用了我名为RadioBox的新组件,它不起作用

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

1 个答案:

答案 0 :(得分:2)

问题:

公钥和母钥的值分别为0和1(整数),但是RadioBox.js值上的props.value出现在字符串上。

解决方案之一:

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

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