关于 You cannot set a form field before rendering a field associated with the value

前几天在做项目的时候,使用antd做ui,在modal中使用form表单编辑相关信息,modal弹出的时候,form表单里始终不能回调渲染出页面上的信息,报错如标题,意思就是:你不能在页面未渲染之前就进行form表单的相关信息的设置。

在网上查了个遍,也没有找到解决的办法,有人遇到过但也没解决。后来做其他东西时遇到定时器,突然想到延时处理,于是想到了处理办法,延迟0毫秒,问题解决:

      setTimeout(()=>{
            this.props.form.setFieldsValue({
                'userName':value.name
            })
        },0)

还有就是不要把destroyOnClose设置为true,它的作用是关闭时销毁 Modal 里的子元素,之前以为把它设为true之后,相当于清空上次已设置的值,若设为true,第二次调起modal时还会有这个警告

你可能感兴趣的:(前端笔记)