--- 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 DrawerForm extends React.Component { state = { visible: false }; showDrawer = () => { this.setState({ visible: true, }); }; onClose = () => { this.setState( { visible: false, } ); }; render() { const { getFieldDecorator } = this.props.form; return (