Material UI 单选按钮组默认选中多个值答案

【问题标题】：Material UI Radio button group default multiple values selectedMaterial UI 单选按钮组默认选中多个值
【发布时间】：2017-04-05 13:02:18
【问题描述】：

<RadioButtonGroup
    name={currentQuestion.id.toString()}
    onChange={this.onRadioBtnClick}
    valueSelected={answerObject ? answerObject.answer : ''}
 >

嘿，我的问题是；我知道道具 valueSelected 选择该特定值的单选按钮。但我想知道如何选择多个单选按钮。什么是道具或逻辑？谢谢。

【问题讨论】：

我的回答对你有帮助吗？
@KellyJAndrews 是的。我赞成它。
不要忘记检查它是否已回答。很高兴它有帮助。

标签： reactjs material-ui

【解决方案1】：

Material UI 不允许您选择多个单选按钮，如果没有别的，原因很简单，单选按钮组一次只允许选择一个。

根据MDN...

一组单选按钮。组内只有一个单选按钮可以一次被选中。

Material UI 库updateRadioButtons 方法证实这是不可能的......

updateRadioButtons(newSelection) {
  if (this.state.numberCheckedRadioButtons === 0) {
    this.setState({selected: newSelection});
  } else {
    warning(false, `Material-UI: Cannot select a different radio button while another radio button
      has the 'checked' property set to true.`);
  }
}

我建议使用复选框进行多项选择。

【讨论】：

【解决方案2】：

<RadioButtonGroup name="Relations" style={{ display: 'flex' }} 
  valueSelected={this.props.RELATIONSHIP_ID}    
  value={this.props.RELATIONSHIP_ID}
  onChange={this.handleRadioButtonToggle}>
{
  this.props.relations.map( (key, index) => (
    <RadioButton value={key['RELATIONSHIP_ID']} 
    label={key['RELATIONSHIP_TYPE']}
    style={styles.radioButton}/>))
}
</RadioButtonGroup>
handleRadioButtonToggle=(e,value)=>{
console.log('radio',e,value)
}

【讨论】：

你应该添加描述。