在线观看不卡亚洲电影_亚洲妓女99综合网_91青青青亚洲娱乐在线观看_日韩无码高清综合久久

鍍金池/ 問答/HTML/ antDesign Form表單 initialValue在手動(dòng)輸入后如何更改?

antDesign Form表單 initialValue在手動(dòng)輸入后如何更改?

antDesign Form可以使用下面的方式為input賦予默認(rèn)值:

const myValue = random() // 一個(gè)變化的值
...
{
    getFieldDecorator('userName', {initialValue: myValue}]})(  <Input /> )
}

如上面的代碼所示,我的需求中,Input的初始值是變化的。

但是,當(dāng)我手動(dòng)在輸入框內(nèi)進(jìn)行了某個(gè)輸入之后,程序就無法為該輸入框賦值了,也就是myValue的值無論如何改變,屏幕上輸入框顯示的值都是我手動(dòng)輸入的那一個(gè)。

我分析本質(zhì)原因是initialValue設(shè)置的是Input組件的默認(rèn)值,而一旦Input有了一個(gè)值,也就是我手動(dòng)輸入的值,那么默認(rèn)值就無效了。

但是用Form getFieldDecorator的時(shí)候,有沒有辦法直接給Input設(shè)置value,請問該怎么辦?

回答
編輯回答
傲寒

已解決:

Form.create({
    mapPropsToFields(props) {
        ...
        result[yourKey] = Form.createFormField({
           value: yourValue,
        });
        return result
    }
})(<YourComponent/>)
2018年6月27日 20:38
編輯回答
近義詞
this.props.form.setFieldsValue({
  key: value
});
2017年4月15日 19:54