getFieldDecorator will override value

版权声明：转载记得注明我的博客信息 https://blog.csdn.net/qq_32407233/article/details/84982873

错误内容

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>