鍍金池/ 問答/HTML/ getFieldDecorator value 不會(huì)更新

getFieldDecorator value 不會(huì)更新

初次用ReactJS實(shí)現(xiàn)以下功能

點(diǎn)擊 Location Address Input 彈出地圖
圖片描述

在地圖中設(shè)置地址
圖片描述

自動(dòng)將地址填入 Input 中
圖片描述

重復(fù)操作也是有效的
圖片描述

但是提交表單，校驗(yàn)提示錯(cuò)誤后
圖片描述

再次去設(shè)置地圖，明顯地圖的值是傳回來的，但I(xiàn)nput不會(huì)再有變化
圖片描述

請(qǐng)問是我的配置方式不對(duì)，還是 getFieldDecorator 本身的bug?

代碼如下：

{getFieldDecorator('address_show', {
            initialValue: addressShow,
            rules: [{
              required: true, message: 'Please select the location',
            }],
          })(
            <Input
              placeholder="Please select the location"
              onClick={this.showMap} />
          )}{addressShow}
回答
編輯回答
陌顏

看你的代碼里只設(shè)置了address沒有設(shè)置title啊

2017年12月14日 08:31
編輯回答
晚風(fēng)眠
{getFieldDecorator('address_show', {
            initialValue: addressShow,
            rules: [{
              required: true, message: 'Please select the location',
            }],
          })(
            <Input
              placeholder="Please select the location"
              onClick={this.showMap} />
          )}
          {
          getFieldValue('address_show') // 可以對(duì)比一下，有什么不同
          }

value 的值是存放在form中，如要手動(dòng)改變可以通過form setFieldsValue api。

const {form}=this.props;
form.setFieldsValue({'address_show':'test'});
2018年4月13日 19:29