title: TypeError: Cannot read property 'getFieldDecorator' of undefined
body: <p>I'm trying to follow the steps provided by Ant design documentation, but I get an error:</p>
  <blockquote>
  <p>TypeError: Cannot read property 'getFieldDecorator' of undefined</p>
  </blockquote>
  <pre><code>import React, { Component } from 'react'
  import ReactDom from 'react-dom'
  import { Icon, Input, Form} from 'antd'
  
  //
  import Header from './layout/Header'
  
  // Import Css
  import '../css/Home.css'
  
  class Home extends Component {
      render() {
      const { getFieldDecorator } = this.props.form
      return (
        &lt;div&gt;
          &lt;Form&gt;
          {getFieldDecorator('userName', {
            rules: [{ required: true, message: 'Please input your username!' }],
          })(
            &lt;Input prefix={&lt;Icon type=&quot;user&quot; style={{ color: 'rgba(0,0,0,.25)' }} /&gt;} placeholder=&quot;Username&quot; /&gt;
          )}
          &lt;/Form&gt;
        &lt;/div&gt;
      )
    }
  }
  
  const WrappedLogin = Form.create()(Home)
  ReactDom.render(&lt;WrappedLogin/&gt;, document.getElementById('root'))
  
  export default Home
  </code></pre>
  <p>Did I miss anything?</p>
  <p>FYI</p>
  <p><strong>antd</strong>: 3.1.0
  <strong>react</strong>: 16.2.0
  <strong>react-dom</strong>: 16.2.0</p>
  <blockquote>
  <p>Remark</p>
  <p>console.log(this.props.form) // ** return getFieldDecorator: f()</p>
  </blockquote>