ant-design/components/switch/demo/disabled.md
2018-06-27 16:09:58 +08:00

43 lines
611 B
Markdown

---
order: 1
title:
zh-CN: 不可用
en-US: Disabled
---
## zh-CN
Switch 失效状态。
## en-US
Disabled state of `Switch`.
````jsx
import { Switch, Button } from 'antd';
class App extends React.Component {
state = {
disabled: true,
}
toggle = () => {
this.setState({
disabled: !this.state.disabled,
});
}
render() {
return (
<div>
<Switch disabled={this.state.disabled} defaultChecked />
<br />
<Button type="primary" onClick={this.toggle}>Toggle disabled</Button>
</div>
);
}
}
ReactDOM.render(<App />, mountNode);
````