由于选项默认可见,不宜过多,若选项过多,建议使用 Select 选择器。
要使用 Radio 组件,需要设置
value
绑定变量,可以通过
checked
来指定Radio的选中状态。
constructor(props) {
super(props);
this.state = {
value: 1
onChange(value) {
this.setState({ value });
render() {
return (
<Radio value="1" checked={this.state.value === 1} onChange={this.onChange.bind(this)}>备选项</Radio>
<Radio value="2" checked={this.state.value === 2} onChange={this.onChange.bind(this)}>备选项</Radio>
render() {
return (
<Radio.Group value={this.state.value} onChange={this.onChange.bind(this)}>
<Radio value="3">备选项</Radio>
<Radio value="6">备选项</Radio>
<Radio value="9">备选项</Radio>
</Radio.Group>
return (
<Radio.Group value={this.state.radio3} onChange={this.onChange.bind(this, 'radio3')}>
<Radio.Button value="上海" />
<Radio.Button value="北京" />
<Radio.Button value="广州" />
<Radio.Button value="深圳" />
</Radio.Group>
<Radio.Group value={this.state.radio4} onChange={this.onChange.bind(this, 'radio4')}>
<Radio.Button value="上海" />
<Radio.Button value="北京" />
<Radio.Button value="广州" disabled={true} />
<Radio.Button value="深圳" />
</Radio.Group>
<Radio.Group value={this.state.radio5} disabled={true}>
<Radio.Button value="上海" />
<Radio.Button value="北京" />
<Radio.Button value="广州" />
<Radio.Button value="深圳" />
</Radio.Group>