antd上使用form 报错TypeError: Cannot read property ‘getFieldDecorator‘ of undefined

最新推荐文章于 2023-01-24 22:20:24 发布

Simple_IDE

最新推荐文章于 2023-01-24 22:20:24 发布

阅读量1.5k

点赞数

分类专栏： antd

本文链接：https://blog.csdn.net/simple5960/article/details/112224910

版权

antd 专栏收录该内容

2 篇文章 0 订阅

订阅专栏

1.在antd3.x之前的版本

在最后导出的时候请使用 
export default Form.create()(Login);

2.在antd3.x以后的版本如4.0及以上已经弃用了Form.create()这个函数
取而代之的是新的校验规则，具体去官网上看，大致使用如下,

切记Form.Item一定要有name属性，不然校验规则不起作用

<Form>
                <Form.Item label="商品名" name="proName" 
                rules={[{ required: true ,message:"商品名是必填项"}]}>
                   <Input placeholder="请输入商品名字" />                                              
                </Form.Item>
                <Form.Item >
                    <Button type="primary">保存</Button>
                </Form.Item>
            </Form>