web-dev-qa-db-fra.com

TypeError: Impossible de lire la propriété «getFieldDecorator» de non défini

J'essaie de suivre les étapes fournies par la documentation de conception Ant, mais j'obtiens une erreur:

TypeError: Impossible de lire la propriété "getFieldDecorator" de non défini

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

Ai-je manqué quelque chose?

FYI

antd: 3.1.0 react: 16.2.0 react-dom: 16.2.0

Remarque

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

antd
11
Vibol

Dans mon cas, cela a fonctionné pour faire correspondre l'export identifié au const

export default WrappedLogin
11
gabouy

Peut-être que vous utilisez Home sur un autre module?

essayer:

export default WrappedLogin => export default WrappedLogin

0
tangkai