getFieldDecorator value 不会更新

初次用ReactJS实现以下功能

点击 Location Address Input 弹出地图
图片描述

在地图中设置地址
图片描述

自动将地址填入 Input 中
图片描述

重复操作也是有效的
图片描述

但是提交表单,校验提示错误后
图片描述

再次去设置地图,明显地图的值是传回来的,但Input不会再有变化
图片描述

请问是我的配置方式不对,还是 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}
阅读 7.1k
2 个回答
{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') // 可以对比一下,有什么不同
          } 

value 的值是存放在form中,如要手动改变可以通过form setFieldsValue api。

const {form}=this.props;
form.setFieldsValue({'address_show':'test'});

看你的代码里只设置了address没有设置title啊

撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进
推荐问题
宣传栏