2017-12-30 16 views
1

の「getFieldDecorator」プロパティを読み取ることができません。私は、Antの設計ドキュメントが提供する手順に従うことをしようとしているが、私はエラーを取得:はTypeError:未定義

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 

私は何を欠場しましたか?

FYI

antd:3.1.0 反応:16.2.0 反応-DOM

Remark

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

答えて

0

16.2.0は、たぶん、あなたが他のモジュールでHomeでしょうか?

試してみてください。

export default WrappedLogin =>export default WrappedLogin

+0

あなたは '輸出デフォルトWrappedLogin''への輸出のデフォルトホーム '変更を意味していますか?この方法でも同じ結果が得られます – Vibol

関連する問題