Question

尝试使用material-ui radiobuttons实现一个简单的true / false表。当它没有接受＆＃39; value＆＃39;的布尔值时，我简化为字符串如下：

<RadioButtonGroup name="user_status" defaultSelected="hello" onChange={updateNewInactive}>
 <RadioButton
  value="hello"
  label="Active"
 />
 <RadioButton
  value="goodbye"
  label="Inactive"
 />
</RadioButtonGroup>

返回的错误是：

我很困惑我在默认选择＆＃39;时遇到了错误。是RadioButtonGroup的正确道具。跟踪堆栈跟踪仅导致错误函数反应，例如。 console.log（错误）没有源代码中的任何错误。任何人都可以澄清可能发生的事情吗？

Answer 1

您的代码看起来不错 - 您可以粘贴整个代码段吗？看来你可能有一个输入标签，你不小心把这些属性放在哪里？

Answer 2

您必须将valueSelected prop传递给RadioButtonGroup才能获得所选值。看看下面的代码

 <RadioButtonGroup valueSelected={this.state.cranRadio} onChange={this.handleCRAN} style={{ display: 'flex', flexWrap: 'wrap', justifyContent: 'space-between'}} name="coin" defaultSelected="not_light">   
                                                            <RadioButton
                                                          value="Yes"
                                                                  label="Yes"
                                                                  inputStyle={styles.inputStyle}
                                                                  style={{ width: 'auto'}}
                                                          labelStyle={{marginLeft:'-10px'}}
                                                                />
                                                                <RadioButton
                                                              value="No"
                                                                  label="No"
                                                                style={{ width: 'auto' }}
                                                                  inputStyle={styles.inputStyle}
                                                          labelStyle={{marginLeft:'-10px'}}
                                                                /> 
                                                        </RadioButtonGroup>

材料-ui radiobutton用于真/假表

2 个答案: