материал-ui radiobutton для истинного/ложного стола

Question

Попытка реализовать простую таблицу истинных/ложных данных с помощью радиоуправляемых материалов. Когда она не принимает булевы значения «значение», я упрощено до всего строк следующим образом:

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

Ошибки возвращаются:

Я смущен, что я получаю сообщение об ошибке когда «defaultSelected» является правильной опорой для 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>