reactjs - RadioGroup 未更新为选定的单选按钮

Question

所以我想创建一个动态单选组(使用 Material ui)，将一个对象作为参数并使用该对象构建单选按钮。它工作正常(当我单击单选按钮时状态发生变化)，但问题是当我单击单选按钮时它不会更新(选择)。 有人可以帮我吗？
您可以在codesandbox中找到演示。 演示中有两个示例:

1. 第一个使用 Material ui RadioGroup 组件，它 工作正常
2. 第二个使用我名为 RadioBox 的新组件以及它不起作用的内容

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

Answer 1

问题:

男键和女键的值分别为整数 0 和 1，但 RadioBox.js 上的 props.value 值为字符串。

解决方案之一:

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

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