web-dev-qa-db-ja.com

TypeError：未定義のプロパティ 'getFieldDecorator'を読み取れません

Ant設計ドキュメントで提供されている手順を実行しようとしていますが、エラーが発生します。

TypeError：未定義のプロパティ 'getFieldDecorator'を読み取れません

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

私は何かを逃しましたか？

ご参考までに

antd：3.1.0 react：16.2.0 react-dom：16.2.0

リマーク

console.log（this.props.form）// ** getFieldDecoratorを返す：f（）

antd
11
Vibol

私の場合、エクスポートされた識別された定数に一致するように機能しました

export default WrappedLogin
11
gabouy

多分あなたは他のモジュールでHomeを使用しますか？

試してください：

export default WrappedLogin => export default WrappedLogin

0
tangkai