You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.

47 lines
739 B

---
order: 1
title:
zh-CN: 单选组合
en-US: Radio Group
---
## zh-CN
9 years ago
一组互斥的 Radio 配合使用。
9 years ago
## en-US
A group of radio components.
```jsx
import { Radio } from 'antd';
const RadioGroup = Radio.Group;
9 years ago
class App extends React.Component {
state = {
value: 1,
}
onChange = (e) => {
console.log('radio checked', e.target.value);
9 years ago
this.setState({
value: e.target.value,
});
}
9 years ago
render() {
return (
<RadioGroup onChange={this.onChange} value={this.state.value}>
<Radio value={1}>A</Radio>
<Radio value={2}>B</Radio>
<Radio value={3}>C</Radio>
<Radio value={4}>D</Radio>
</RadioGroup>
);
}
}
ReactDOM.render(<App />, mountNode);
```