mirror/ant-design
1
0
Fork 0
mirror of https://github.com/ant-design/ant-design.git synced 2025-06-11 11:32:52 +08:00
Code Issues Actions 38 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 ```jsx
import { Switch, Button } from 'antd'; import { Switch, Button } from 'antd';
class App extends React.Component { const App = () => {
state = { const [disabled, setDisabled] = React.useState(true);
disabled: true,
const toggle = () => {
setDisabled(!disabled);
}; };
toggle = () => { return (
this.setState({ <>
disabled: !this.state.disabled, <Switch disabled={disabled} defaultChecked />
}); <br />
}; <Button type="primary" onClick={toggle}>
Toggle disabled
render() { </Button>
return ( </>
<> );
<Switch disabled={this.state.disabled} defaultChecked /> };
<br />
<Button type="primary" onClick={this.toggle}>
Toggle disabled
</Button>
</>
);
}
}
ReactDOM.render(<App />, mountNode); ReactDOM.render(<App />, mountNode);
``` ```