ant design form赋值问题

简介: ant design form赋值问题

前言

我是歌谣 我有个兄弟 巅峰的时候排名c站总榜19 叫前端小歌谣 曾经我花了三年的时间创作了他 现在我要用五年的时间超越他 今天又是接近兄弟的一天人生难免坎坷 大不了从头再来 歌谣的意志是永恒的 放弃很容易 但是坚持一定很酷


导语

今天出现了一个比较奇怪的bug 就是ant design中有个弹出框 选择日期的时候把日期同样赋值到另一个弹出框中 但是渲染的时候不能及时变化


弹框日期


image.png


编辑


image.png


编辑




编辑


解决思路

this.props.form.setFieldsValue({ activityTimeStamp: [ moment(selectedRows[0].lessonStartDate), moment(selectedRows[0].lessonEndDate), ], });




<Form.Item label="活动时间"> {getFieldDecorator('activityTimeStamp', { initialValue: activityTimeStamp.length != 0 ? [moment(activityTimeStamp[0]), moment(activityTimeStamp[1])] : '', rules: [{ required: true, message: '请选择活动时间' }], })(<RangePicker format="YYYY-MM-DD HH:mm:ss" disabled />)} </Form.Item>




总结

根据官方文档 利用setFieldsValue属性可以动态进行变化 则问题可解



相关文章
|
前端开发 JavaScript UED
前端性能的性能指标之首次内容绘制(FCP)
首次内容绘制(First Content Paint)是前端性能的一个重要指标,因为它是用户体验的一部分,并且对于网页的响应速度和可接受性有很大的影响。
570 0
|
存储 算法 Linux
【实战项目】网络编程:在Linux环境下基于opencv和socket的人脸识别系统--C++实现
【实战项目】网络编程:在Linux环境下基于opencv和socket的人脸识别系统--C++实现
489 7
|
监控 安全 Java
【JavaWeb】 三大组件之过滤器 Filter
过滤器(Filter)是Java Web应用中的一种组件,它在请求到达Servlet或JSP之前或者响应送回客户端之前,对请求和响应进行预处理和后处理操作。通过使用过滤器,可以对请求进行过滤,拦截请求,修改请求参数,在请求被处理之前进行一些预处理操作;同时也可以对响应进行过滤,对响应内容进行修改,添加一些额外的处理。
|
传感器 监控 测试技术
Visual studio 2019常用快捷键_kaic
Visual studio 2019常用快捷键_kaic
|
7月前
|
存储 人工智能 JavaScript
构建企业AI的信任与信心基石:从认知到实践的全面升级
本文探讨企业在人工智能(AI)广泛应用背景下面临的信任与信心挑战,提出通过数据安全、技术透明度及技能认证构建信任体系。重点介绍生成式人工智能认证(GAI),其能助力企业培养AI人才,提升团队专业能力。文章还建议企业加强内部培训、外部合作与实战应用评估,全方位推动AI战略落地,为企业发展提供支持。
|
前端开发 JavaScript API
为什么通常在发送数据埋点请求的时候使用的是 1x1 像素的透明 gif 图片
使用1x1像素的透明GIF图片发送数据埋点请求,是因为这种方式可以隐蔽地传输数据,不干扰用户界面和体验,同时减少网络流量消耗,且易于实现跨域请求。
|
监控 JavaScript 前端开发
前端 JS 经典:Web 性能指标
前端 JS 经典:Web 性能指标
143 1
|
机器学习/深度学习 搜索推荐 算法
云上智能推荐:重塑信息获取与消费的未来
市场竞争与合规性:随着云上智能推荐市场的不断扩大,市场竞争也日益激烈。如何在激烈的市场竞争中脱颖而出,同时遵守相关法律法规和行业标准,是系统开发者需要面对的重要问题。
|
存储 机器学习/深度学习 传感器
langchain 入门指南 - 实现一个多模态 chatbot
langchain 入门指南 - 实现一个多模态 chatbot
457 0