ant-design/components/switch/demo/disabled.md

36 lines
607 B
Markdown
Raw Normal View History

2015-07-20 14:32:21 +08:00
# 不可用
2015-07-13 16:51:56 +08:00
- order: 1
2015-07-20 14:32:21 +08:00
Switch 失效状态。
2015-07-13 16:51:56 +08:00
---
````jsx
import { Switch, Button } from 'antd';
const container = document.getElementById('components-switch-demo-disabled');
2015-07-13 16:51:56 +08:00
const Test = React.createClass({
2015-07-13 16:51:56 +08:00
getInitialState() {
return {
2015-07-20 14:32:21 +08:00
disabled: true
};
2015-07-13 16:51:56 +08:00
},
toggle(){
this.setState({
disabled: !this.state.disabled
});
},
render() {
return <div>
<Switch disabled={this.state.disabled} />
<br />
<br />
<Button type="primary" onClick={this.toggle}>Toggle disabled</Button>
2015-07-13 16:51:56 +08:00
</div>;
}
});
2015-10-20 16:47:55 +08:00
ReactDOM.render(<Test />, container);
2015-07-13 16:51:56 +08:00
````