Typeerror: kann nicht lesen Eigenschaft ‚getFieldDecorator‘ undefinierter

Question

Ich versuche, die Schritte von Ant Design Dokumentation zu folgen, aber ich erhalte eine Fehlermeldung:

TypeError: Cannot read property 'getFieldDecorator' of undefined

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 (
     <div> 
     <Form> 
     {getFieldDecorator('userName', { 
      rules: [{ required: true, message: 'Please input your username!' }], 
     })(
      <Input prefix={<Icon type="user" style={{ color: 'rgba(0,0,0,.25)' }} />} placeholder="Username" /> 
     )} 
     </Form> 
     </div> 
    ) 
    } 
} 

const WrappedLogin = Form.create()(Home) 
ReactDom.render(<WrappedLogin/>, document.getElementById('root')) 

export default Home 

Habe ich etwas verpasst?

FYI

antd: 3.1.0 reagieren: 16.2.0 reagieren-dom: 16.2.0

Remark

console.log(this.props.form) // ** return getFieldDecorator: f()

Answer 1

Vielleicht verwenden Sie Home in anderen Modul?

Versuch:

export default WrappedLogin =>export default WrappedLogin