2016-03-31 09:40:55 +08:00
|
|
|
---
|
|
|
|
|
order: 0
|
2016-07-26 09:17:46 +08:00
|
|
|
title:
|
|
|
|
|
zh-CN: 基本
|
|
|
|
|
en-US: Basic
|
2016-03-31 09:40:55 +08:00
|
|
|
---
|
2015-07-08 19:47:45 +08:00
|
|
|
|
2016-07-26 09:17:46 +08:00
|
|
|
## zh-CN
|
|
|
|
|
|
2015-07-13 16:51:56 +08:00
|
|
|
最简单的用法。
|
2015-07-08 19:47:45 +08:00
|
|
|
|
2016-07-26 09:17:46 +08:00
|
|
|
## en-US
|
|
|
|
|
|
|
|
|
|
The most basic usage.
|
|
|
|
|
|
2019-05-07 14:57:32 +08:00
|
|
|
```jsx
|
2015-10-28 20:55:49 +08:00
|
|
|
import { Switch } from 'antd';
|
2015-07-08 19:47:45 +08:00
|
|
|
|
2016-01-07 16:29:12 +08:00
|
|
|
function onChange(checked) {
|
2016-02-17 18:04:42 +08:00
|
|
|
console.log(`switch to ${checked}`);
|
2015-07-08 19:47:45 +08:00
|
|
|
}
|
|
|
|
|
|
2019-05-07 14:57:32 +08:00
|
|
|
ReactDOM.render(<Switch defaultChecked onChange={onChange} />, mountNode);
|
|
|
|
|
```
|
2016-06-15 14:13:38 +08:00
|
|
|
|
|
|
|
|
<style>
|
|
|
|
|
.ant-switch {
|
|
|
|
|
margin-bottom: 8px;
|
|
|
|
|
}
|
2017-12-15 13:47:46 +08:00
|
|
|
</style>
|
