--- order: 0 title: zh-CN: 基础抽屉 en-US: Basic --- ## zh-CN 基础抽屉,点击触发按钮抽屉从右滑出,点击遮罩区关闭 ## en-US Basic drawer. ```jsx import { Drawer, Button } from 'antd'; class App extends React.Component { state = { visible: false }; toogerHotjar = () => { const hotjar = document.getElementById('_hj_feedback_container'); if (hotjar.style.display === 'none') { hotjar.style.display = ''; } else { hotjar.style.display = 'none'; } }; showDrawer = () => { this.toogerHotjar(); this.setState({ visible: true, }); }; onClose = () => { this.setState( { visible: false, }, () => { this.toogerHotjar(); } ); }; render() { return (
Some contents...
Some contents...
Some contents...