--- 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 }; showDrawer = () => { this.setState({ visible: true, }); }; onClose = () => { this.setState({ visible: false, }); }; render() { return (

Some contents...

Some contents...

Some contents...

); } } ReactDOM.render(, mountNode); ```