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.
|
|
|
|
|
|
2015-07-08 19:47:45 +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
|
|
|
}
|
|
|
|
|
|
2016-01-07 16:29:12 +08:00
|
|
|
ReactDOM.render(
|
|
|
|
|
<Switch defaultChecked={false} onChange={onChange} />,
|
|
|
|
|
mountNode
|
|
|
|
|
);
|
2015-07-08 19:47:45 +08:00
|
|
|
````
|
2016-06-15 14:13:38 +08:00
|
|
|
|
|
|
|
|
<style>
|
|
|
|
|
.ant-switch {
|
|
|
|
|
margin-bottom: 8px;
|
|
|
|
|
}
|
|
|
|
|
<style>
|
