React & antDesign 报错 TypeError: this.props.form is undefined

Question

答案:

ref="ModelName" 与 getFieldDecorator 冲突!

========================================

引入 getFieldDecorator 表单校验出错, 问题在哪里 ?

子组件中好用,拿到父组件,就不行了呢.

部分代码如下:

  render() {
    const { getFieldDecorator } = this.props.form;
    return ( 
    ... ... 
    
    ... ... 
    <Form.Item label="模型名称">
       {getFieldDecorator("tableAliasName", {
          initialValue: this.state.modelName,
          rules: [
                {
                  required: true,
                  message: "模型名称不能为空"
                }
              ]
            })(
        <Input
        placeholder="请输入模型名称"
        ref="ModelName"
        onChange={() => this.ModelNameChange()}
        />
        )}
   </Form.Item>
   ... ... 

Answer 1

答案:

ref="ModelName" 与 getFieldDecorator 冲突!

Answer 2

确定你用了 Form.create() 了？看起来是没注入 form 实例
可以看下官网代码例子：https://ant-design.gitee.io/c...

Answer 3

先确定一下，你的antd版本，是3+还是4+ ，antd4+最近发布了，form组件重写，请看最新文档；
如果你还是antd3+版本，检查你的class 组件 是不是用 From.create(YourClassComponent)注册