material-ui radiobutton für echte/falsche Tabelle

Question

Der Versuch, eine einfache echte/falsche Tabelle mit Material-ui Radiobuttons zu implementieren. Wenn es nicht Boolesche Werte für ‚Wert‘ angenommen haben, vereinfachte ich nur Zeichenfolgen wie folgt:

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

Die Fehler zurückgegeben werden:

Ich bin verwirrt, dass ich einen Fehler bin immer wenn "defaultSelected" eine korrekte Requisite für RadioButtonGroup ist. Das Folgen der Stack-Traces führt nur zu Fehlerfunktionen in z. console.log (Fehler) keine Fehler im Quellcode. Kann jemand klären, was passieren könnte?

Answer 1

Ihr Code sieht OK aus - können Sie das gesamte Snippet einfügen? Es sieht so aus, als hätten Sie irgendwo ein Eingabe-Tag, an dem Sie versehentlich diese Eigenschaften setzen?

Answer 2

Sie müssen valueSelected prop an RadioButtonGroup übergeben, um den ausgewählten Wert zu erhalten. Werfen Sie einen Blick in den folgenden Code

<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>