--- order: 3 title: zh-CN: 对象编辑 en-US: Edit item in drawer --- ## zh-CN 用于承载编辑相关操作,需要点击关闭按钮关闭。 ## en-US A drawer containing an editable form which needs to be collapsed by clicking the close button. ```jsx import { Drawer, Form, Button, Col, Row, Input, Select, DatePicker } from 'antd'; const { Option } = Select; 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() { const { getFieldDecorator } = this.props.form; return (