当前位置: 首页 > news >正文

甘肃做网站百度竞价排名

甘肃做网站,百度竞价排名,上上海网站建设设计,网站建设管理的建议问题描述: react antd Modal里Form设置值不起作用,即使用form的api。比如:编辑时带出原有的值。 造成的原因:一般设置值都是在声明周期里设置,比如:componentDidMounted里设置,hook则在useEff…

问题描述:

react antd Modal里Form设置值不起作用,即使用form的api。比如:编辑时带出原有的值。

造成的原因:一般设置值都是在声明周期里设置,比如:componentDidMounted里设置,hook则在useEffetc里设置,因为Form在Modal里,会造成 form还没渲染完,就已经设置完值的情况 即在调用form的实例时,Modal内部的组件并未渲染,才导致了该错误。

为何在 Modal 中调用 form 控制台会报错?

 这是因为你在调用 form 方法时,Modal 还未初始化导致 form 没有关联任何 Form 组件。你可以通过给 Modal 设置 forceRender 将其预渲染

 表单 Form - Ant Design

解决问题:

知道了原因那解决起来当然就好解决了。

方案一、给 Modal 设置 forceRender 将其预渲染:

const [form] = Form.useForm();useEffect(() => {form.setFieldsValue({ ...xxx })}, [])< Modal forceRender><Form form={form}/></Modal >

需要注意的是,当 forceRendertrue 时,Modal 组件会在第一次渲染时就会渲染子组件,这可能会导致一些组件的生命周期函数提前执行,从而产生一些不符合预期的结果。因此,在使用 forceRender 属性时,需要特别注意 Modal 中子组件的生命周期函数的执行顺序和时机。 总的来说,forceRender 属性可以在 Modal 渲染时立即渲染子组件,从而提高用户体验,但是也可能会对性能造成一定的影响。在使用时需要根据具体情况进行权衡和选择。  

方案二、使用定时器(最不推荐的)

定时器这个存在一些坑,因为你无法确认 渲染dom需要多久。如果超过设置得时长,就会无法赋值成功。

const [form] = Form.useForm();const formRef = useRef(null);useEffect(() => {setTimeout(()=>{form.setFieldsValue({ ...xxx })},500)}, [])< Modal><Form form={form} form={form}/></Modal >

总结:

我个人更倾向于方式一。

如果你出现了 Warning: Instance created by useForm is not connected to any Form element. Forget to pass form prop?的警告 可以看:Warning: Instance created by useForm is not connected to any Form element. Forget to pass form prop_崽崽的谷雨的博客-CSDN博客

http://www.shuangfujiaoyu.com/news/29796.html

相关文章:

  • 太原市网站制作公司东莞网站seo优化
  • 武汉装饰设计网站建设商丘关键词优化推广
  • html5怎么做网站如何制作一个网址
  • 美食的网站建设个人总结小红书推广渠道
  • 网站直播用php怎么做购物网站有哪些
  • 手机详情页设计模板aso关键词搜索优化
  • 商业中心 网站建设百度推广官方投诉电话
  • 临清做网站推广app运营需要做哪些
  • 宁波网站排名优化报价产品推广活动策划方案
  • 温州快建网站建设百度快照搜索
  • 会所网站模板中央网站seo
  • wordpress建网站知乎营销策划方案
  • 大淘客做的网站可以吗磁力链
  • 网站接入银联支付怎么做百度学术论文查重入口
  • 如何发布一个自己的网站公司网络营销推广软件
  • 培训网站项目ppt怎么做每天看七个广告赚40元的app
  • 虚拟主机做视频网站可以吗万网域名注册官网阿里云
  • 做国际网站多少钱上海seo优化
  • 中山做外贸网站建设宁波网络营销怎么做
  • 普通电脑怎么做网站服务器吗西安最新消息今天
  • 个人备案可以做企业网站吗网络营销策划的基本原则是什么
  • 电子商务网站建设与管理课程的目的泰安网络推广培训
  • wordpress5.2下载seo的作用是什么
  • 做股权众筹的网站系统优化大师免费版
  • 尽请期待还是敬请期待免费seo排名优化
  • 邢台开发区网站公司网站怎么做
  • 手表网购最好的网站深圳全网推广公司
  • 在小说网站做编辑怎么找站长之家综合查询工具
  • 自备服务器做网站百度一下 官方网
  • php做网站怎么样百度seo推广是什么