mirror/ant-design
1
0
Fork 0
mirror of https://github.com/ant-design/ant-design.git synced 2025-06-11 19:42:54 +08:00
Code Issues Actions 37 Packages Projects Releases Wiki Activity

docs(switch): change demo to hook (#27618)

Browse Source
This commit is contained in:
Tom Xu 2020-11-08 15:27:13 +08:00 committed by GitHub
parent ef2c494c12
commit 535400f7cd
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
1 changed files with 15 additions and 21 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

36
components/switch/demo/disabled.md
View File

@ -16,29 +16,23 @@ Disabled state of `Switch`.
```jsx
import { Switch, Button } from 'antd';
class App extends React.Component {
state = {
disabled: true,
const App = () => {
const [disabled, setDisabled] = React.useState(true);
const toggle = () => {
setDisabled(!disabled);
};
toggle = () => {
this.setState({
disabled: !this.state.disabled,
});
};
render() {
return (
<>
<Switch disabled={this.state.disabled} defaultChecked />
<br />
<Button type="primary" onClick={this.toggle}>
Toggle disabled
</Button>
</>
);
}
}
return (
<>
<Switch disabled={disabled} defaultChecked />
<br />
<Button type="primary" onClick={toggle}>
Toggle disabled
</Button>
</>
);
};
ReactDOM.render(<App />, mountNode);
```