title: Why the autofocus isn't working in ReactJS with antd?
body: <p>I'm having trouble with the autoFocus, I searched a lot, but none solutions that I found worked for me, I'm using a Drawer with a form inside, that form has some Form.Item with Input, and when I open the drawer, I want to focus on form.item, anybody can help me?</p>
  
  <p>Here is my code:</p>
  
  <pre><code>&lt;Drawer&gt;
    &lt;Form layout="vertical" ref={this.formRef} onFinish={this.onFinish} onFinishFailed={this.onFinishFailed}&gt;    
      &lt;Row gutter={16}&gt;
        &lt;Col span={24}&gt;
          &lt;Form.Item
            name="description"
            label="Description"
            rules={[
              {
                required: true,
                message: 'Please enter a description.',
              },
            ]}
          &gt;
            &lt;Input.TextArea autoFocus rows={10} placeholder="Please enter a description." /&gt;
          &lt;/Form.Item&gt;
        &lt;/Col&gt;
      &lt;/Row&gt;
      &lt;Row style={{ bottom: '0', position: 'absolute', right: '38px' }}&gt;
        &lt;Form.Item&gt;
          &lt;Button
            onClick={this.onClose}
            style={{ marginRight: 8 }}
          &gt;
            Cancel
        &lt;/Button&gt;
        &lt;/Form.Item&gt;
        &lt;Form.Item&gt;
          &lt;Button type="primary" htmlType="submit"&gt;
            Submit
          &lt;/Button&gt;
        &lt;/Form.Item&gt;
      &lt;/Row&gt;
    &lt;/Form&gt;
  &lt;/Drawer&gt;
  </code></pre>