如何设置一个，input type="radio"以便状态值将根据用户选择的内容而变化？
在这种情况下，我希望按钮name="1"成为默认的选定按钮，但是如果name="2"用户选择了按钮，则某些状态值应该会更改。
<div data-toggle="buttons">
<label>
<input type="radio" name="1" defaultChecked onChange={this.handleRadioButton}>Option 1</input>
</label>
<label>
<input type="radio" name="2" onChange={this.handleRadioButton}>Option 2</input>
</label>
</div>
handleRadioButton需要告知您单击了哪个按钮。我建议一个简单的函数参数。IE
onChange={() => this.handleRadioButton(1)}
onChange={() => this.handleRadioButton(2)}
您的函数可能如下所示：
handleRadioButton(value) {
this.setState({
value: value
});
}
最后，必须从该状态值中读取已检查状态。IE
checked={this.state.value === 1}
所以放在一起...
<input type="radio" checked={this.state.value === 1} onChange={() => this.handleRadioButton(1)} />
<input type="radio" checked={this.state.value === 2} onChange={() => this.handleRadioButton(2)} />
还有两件事：
defaultChecked财产。只需将其设置value: 1为初始状态即可。name和）value。在React中，HTML逻辑被JavaScript逻辑取代。（注意：除非您要提供服务器呈现的非JavaScript后备广告。）本文收集自互联网，转载请注明来源。
如有侵权，请联系[email protected] 删除。
我来说两句