Drawer 示例:

```jsx
const Button = require('antd').Button;
const Drawer = require('antd').Drawer;
const Form = require('antd').Form;
const Select = require('antd').Select;
const Input = require('antd').Input;
const FormItem = Form.Item;
const Option = Select.Option;
initialState = { visible: false };

const Table = require('antd').Table;

const dataSource = [
  {
    key: '1',
    name: '胡彦斌',
    age: 32,
    address: '西湖区湖底公园1号'
  },
  {
    key: '2',
    name: '胡彦祖',
    age: 42,
    address: '西湖区湖底公园1号'
  }
];

const columns = [
  {
    title: '姓名',
    dataIndex: 'name',
    key: 'name'
  },
  {
    title: '年龄',
    dataIndex: 'age',
    key: 'age'
  },
  {
    title: '住址',
    dataIndex: 'address',
    key: 'address'
  }
];

<div>
  <Button type="primary" onClick={() => setState({ visible: true })}>
    Open
  </Button>
  <Drawer
    title="抽屉标题"
    visible={state.visible}
    onClose={() => setState({ visible: false })}
    width="440"
    maskClosable={false}
  >
    {/*  ant-drawer-body-main: 抽屉中body内容 class */}
    <div className="ant-drawer-body-main">
      {/*  ant-table_drawer: 抽屉中的表格class */}
      <Table
        dataSource={dataSource}
        columns={columns}
        rowSelection={{ selectedRowKeys: [] }}
        className="ant-table_drawer"
        pagination={false}
      />

      {/*  ant-form_drawer: 抽屉中的表单class */}
      <Form layout="horizontal" className="ant-form_drawer">
        <FormItem label="名称" validateStatus="error" help="Should be combination of numbers & alphabets">
          <Input size="small" placeholder="size small 30px height" />
        </FormItem>
        <FormItem label="专辑">
          <Select style={{ width: '200px' }} size="small" placeholder="size small 30px height">
            <Option key="a">A</Option>
            <Option key="b">B</Option>
            <Option key="c">C</Option>
          </Select>
        </FormItem>
        <FormItem>
          <Button type="primary">确认</Button>
        </FormItem>
      </Form>
    </div>

    {/* ant-drawer-footer:抽屉footer class */}
    {/* 按钮右边距 .ant-btn-gap  */}
    <div className="ant-drawer-footer">
      <Button className="ant-btn-gap" onClick={() => setState({ visible: false })}>
        取消
      </Button>
      <Button type="primary" onClick={() => setState({ visible: false })}>
        确认
      </Button>
    </div>
  </Drawer>
</div>;
```