title: How to use the getFieldDecorator with react (function) hooks
body: <p>I am trying to create a simple antd form but dont know how to make the getFieldDecorator to work with my react function. how do i translate <code>this.props.form</code> to the react hooks approach? 
  This is the class syntax from antd documentation. </p>
  
  <pre><code>  function FormDrawerButton () {
  
    // ToggleDrawer
    const [visible, setVisible] = useState(false);
  
    const toggleDrawer = () =&gt; {
      setVisible(!visible)
    }
  
  const { getFieldDecorator } = this.props.form; // how to use this?
  
    return (
      &lt;&gt;
      &lt;Button
        type="primary"
        icon="edit"
        size="large"
        style={{ float: 'right' }}
        onClick={ toggleDrawer }
      &gt;
        Add user
      &lt;/Button&gt;
    &lt;div&gt;
      &lt;Drawer
        title="Create a new user"
        width={720}
        onClose={ toggleDrawer }
        visible={ visible }
      &gt;
      &lt;p&gt;Form&lt;/p&gt;
      &lt;Form className="login-form"&gt;
          &lt;Form.Item&gt;
            {getFieldDecorator('username', {
              rules: [{ required: true, message: 'Please input your username!' }],
            })(
              &lt;Input
                prefix={&lt;Icon type="user" style={{ color: 'rgba(0,0,0,.25)' }} /&gt;}
                placeholder="Username"
              /&gt;,
            )}
          &lt;/Form.Item&gt;
      &lt;/Form&gt;
      &lt;/Drawer&gt;
    &lt;/div&gt;
    &lt;/&gt;
    )
  }
  
  export default FormDrawerButton
  </code></pre>