首页 > 解决方案 > 使用“valuePropName:'defaultValue'”时动态antd表单初始值设置问题

问题描述

我正在使用来自 JSON 的 antd form getfielddecorator 构建动态表单并成功创建它。但是当我输入输入控件时,每次都会重新渲染整个组件。所以我关注了这个问题:https ://github.com/ant-design/ant-design/issues/13063并修复了它。

<FormItem className="ant col-lg-6 col-md-6 col-sm-12" label={'name'} >
        {getFieldDecorator('name', { trigger: 'onBlur',valuePropName: 'defaultValue', initialValue:data.name})
            (<Input type='text' autoComplete="off" onBlur={this.onChange}  />)
        }
</FormItem>

但是我遇到了另一个使用initialValue绑定输入值的问题。

例如:

数据状态:

1) 在初始负载

数据:{名称:''}

2) 从 Ajax Call 获取数据后,

数据:{名称:'abcd'}

绑定后,在 UI 上 - 它只绑定空白值 (''),而不是 'abcd'。

蚂蚁版本:“antd”:“^3.13.2”

所以你能提供任何帮助吗?

标签: reactjsantd

解决方案


推荐阅读