mirror of
https://github.com/ant-design/ant-design.git
synced 2024-12-23 15:08:34 +08:00
736 B
736 B
order | title | ||||
---|---|---|---|---|---|
1 |
|
zh-CN
一组互斥的 Radio 配合使用。
en-US
A group of radio components.
import { Radio } from 'antd';
const RadioGroup = Radio.Group;
class App extends React.Component {
state = {
value: 1,
}
onChange = (e) => {
console.log('radio checked', e.target.value);
this.setState({
value: e.target.value,
});
}
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);