【React工作记录四十三】ant design From实时刷新

简介: 【React工作记录四十三】ant design From实时刷新

导语

歌谣 歌谣 为什么我的ant design Form更新日期的时候只能初始化更新一次




编辑


解决思路

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 />)}



总结

setFieldsValue即可实现带出来的日期实时刷新 避免刷新一次的问题



目录
打赏
0
0
0
0
64
分享
相关文章
SpringBoot项目部署打包好的React、Vue项目刷新报错404
本文讨论了在SpringBoot项目中部署React或Vue打包好的前端项目时,刷新页面导致404错误的问题,并提供了两种解决方案:一是在SpringBoot启动类中配置错误页面重定向到index.html,二是将前端路由改为hash模式以避免刷新问题。
417 1
使用React、TypeScript和Ant Design构建现代化前端应用
使用React、TypeScript和Ant Design构建现代化前端应用
256 0
从零开始学习React-引入Ant Design 组件(八)
从零开始学习React-引入Ant Design 组件(八)
130 0
#私藏项目实操分享# 【练习案例React六】项目中开始引入ant模块
#私藏项目实操分享# 【练习案例React六】项目中开始引入ant模块
135 0
#私藏项目实操分享# 【练习案例React六】项目中开始引入ant模块
【第4期】一文了解React UI 组件库
【第4期】一文了解React UI 组件库
471 0
【第34期】一文学会React组件传值
【第34期】一文学会React组件传值
104 0
React 的antd-mobile 组件库,嵌套路由
React 的antd-mobile 组件库,嵌套路由
174 0
AI助理

你好,我是AI助理

可以解答问题、推荐解决方案等