mirror of
https://github.com/ant-design/ant-design.git
synced 2024-12-05 09:49:57 +08:00
35 lines
1.2 KiB
TypeScript
35 lines
1.2 KiB
TypeScript
|
import React from 'react';
|
||
|
import type { RadioChangeEvent } from 'antd';
|
||
|
import { Radio } from 'antd';
|
||
|
|
||
|
const onChange = (e: RadioChangeEvent) => {
|
||
|
console.log(`radio checked:${e.target.value}`);
|
||
|
};
|
||
|
|
||
|
const App: React.FC = () => (
|
||
|
<>
|
||
|
<Radio.Group onChange={onChange} defaultValue="a">
|
||
|
<Radio.Button value="a">Hangzhou</Radio.Button>
|
||
|
<Radio.Button value="b">Shanghai</Radio.Button>
|
||
|
<Radio.Button value="c">Beijing</Radio.Button>
|
||
|
<Radio.Button value="d">Chengdu</Radio.Button>
|
||
|
</Radio.Group>
|
||
|
<Radio.Group onChange={onChange} defaultValue="a" style={{ marginTop: 16 }}>
|
||
|
<Radio.Button value="a">Hangzhou</Radio.Button>
|
||
|
<Radio.Button value="b" disabled>
|
||
|
Shanghai
|
||
|
</Radio.Button>
|
||
|
<Radio.Button value="c">Beijing</Radio.Button>
|
||
|
<Radio.Button value="d">Chengdu</Radio.Button>
|
||
|
</Radio.Group>
|
||
|
<Radio.Group disabled onChange={onChange} defaultValue="a" style={{ marginTop: 16 }}>
|
||
|
<Radio.Button value="a">Hangzhou</Radio.Button>
|
||
|
<Radio.Button value="b">Shanghai</Radio.Button>
|
||
|
<Radio.Button value="c">Beijing</Radio.Button>
|
||
|
<Radio.Button value="d">Chengdu</Radio.Button>
|
||
|
</Radio.Group>
|
||
|
</>
|
||
|
);
|
||
|
|
||
|
export default App;
|