---
order: 3
title:
zh-CN: 按钮样式
en-US: radio style
---
## zh-CN
按钮样式的单选组合。
## en-US
The combination of radio button style.
```tsx
import React from 'react';
import { Radio } from 'antd';
import type { RadioChangeEvent } from 'antd';
const onChange = (e: RadioChangeEvent) => {
console.log(`radio checked:${e.target.value}`);
};
const App: React.FC = () => (
<>
Hangzhou
Shanghai
Beijing
Chengdu
Hangzhou
Shanghai
Beijing
Chengdu
Hangzhou
Shanghai
Beijing
Chengdu
>
);
export default App;
```