因此,我想创建一个动态单选组(使用材质ui),以一个对象作为参数并使用该对象构建单选按钮。它工作正常(当我单击单选按钮时,状态会更改),但问题是当我单击单选按钮时,它不会更新(选中)。
有人可以帮我吗?
您可以在codeandbox中找到一个演示。
在演示中,有两个示例:
答案 0 :(得分:2)
问题:
公钥和母钥的值分别为0和1(整数),但是RadioBox.js
值上的props.value出现在字符串上。
解决方案之一:
在RadioBox
组件返回值的value属性上添加parseInt。
return (
<RadioGroup value={parseInt(props.value)} onChange={props.handleChange}>
{radioBox}
</RadioGroup>
);