getFieldDecorator will override value

最新推荐文章于 2022-07-16 17:20:22 发布

屯庆笔记

最新推荐文章于 2022-07-16 17:20:22 发布

阅读量2.6w

点赞数

分类专栏： React 文章标签： react antd

本文链接：https://blog.csdn.net/qq_32407233/article/details/84982873

版权

React 专栏收录该内容

2 篇文章 0 订阅

订阅专栏

错误内容

index.js:1452 Warning: `getFieldDecorator` will override `value`, so please don't set `value` directly and use `setFieldsValue` to set it.

报错位置

<FormItem
   {...formItemLayout}
    label="位置"
>
    {getFieldDecorator('site', {
        rules: [
            { required: true, message: '请输入位置!', type: 'array' },
        ],
    })(
        <span className="ant-form-text">{data.topLeftx+" "+data.topLefty+" "+data.lowerRightx+" "+data.lowerRighty}</span>
    )}
</FormItem>

原因

我在自定义组件中定义了value值，getFieldDecorator会覆盖我们定义的值，需要添加默认值可以使用在getFieldDecorator的时候，设置initialValue，删除在自定义组件中定义的value就可以了！

解决方法

<FormItem
   {...formItemLayout}
    label="位置"
>
    <span className="ant-form-text">{data.topLeftx+" "+data.topLefty+" "+data.lowerRightx+" "+data.lowerRighty}</span>
</FormItem>