mirror of
https://github.com/ant-design/ant-design.git
synced 2024-12-16 01:29:11 +08:00
34 lines
443 B
Markdown
34 lines
443 B
Markdown
---
|
|
order: 0
|
|
title:
|
|
zh-CN: 基本
|
|
en-US: Basic
|
|
---
|
|
|
|
## zh-CN
|
|
|
|
最简单的用法。
|
|
|
|
## en-US
|
|
|
|
The most basic usage.
|
|
|
|
```tsx
|
|
import { Switch } from 'antd';
|
|
import React from 'react';
|
|
|
|
const onChange = (checked: boolean) => {
|
|
console.log(`switch to ${checked}`);
|
|
};
|
|
|
|
const App: React.FC = () => <Switch defaultChecked onChange={onChange} />;
|
|
|
|
export default App;
|
|
```
|
|
|
|
<style>
|
|
.code-box-demo .ant-switch {
|
|
margin-bottom: 8px;
|
|
}
|
|
</style>
|