【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即可实现带出来的日期实时刷新 避免刷新一次的问题



相关文章
|
前端开发 JavaScript Java
SpringBoot项目部署打包好的React、Vue项目刷新报错404
本文讨论了在SpringBoot项目中部署React或Vue打包好的前端项目时,刷新页面导致404错误的问题,并提供了两种解决方案:一是在SpringBoot启动类中配置错误页面重定向到index.html,二是将前端路由改为hash模式以避免刷新问题。
1046 1
|
资源调度 JavaScript 前端开发
使用vite+react+ts+Ant Design开发后台管理项目(二)
使用vite+react+ts+Ant Design开发后台管理项目(二)
|
前端开发 JavaScript 安全
使用React、TypeScript和Ant Design构建现代化前端应用
使用React、TypeScript和Ant Design构建现代化前端应用
641 0
react使用ant desgin 组件实现便利开发
react使用ant desgin 组件实现便利开发
|
存储 前端开发
React & webpack &ant 学习
React & webpack &ant 学习
125 0
|
前端开发
从零开始学习React-引入Ant Design 组件(八)
从零开始学习React-引入Ant Design 组件(八)
248 0
|
1月前
|
缓存 前端开发 JavaScript
React Hooks深度解析与最佳实践:提升函数组件能力的终极指南
🌟蒋星熠Jaxonic,前端探索者。专注React Hooks深度实践,从原理到实战,分享状态管理、性能优化与自定义Hook精髓。助力开发者掌握函数组件的无限可能,共赴技术星辰大海!
React Hooks深度解析与最佳实践:提升函数组件能力的终极指南
|
6月前
|
缓存 前端开发 数据安全/隐私保护
如何使用组合组件和高阶组件实现复杂的 React 应用程序?
如何使用组合组件和高阶组件实现复杂的 React 应用程序?
272 68
|
6月前
|
缓存 前端开发 Java
在 React 中,组合组件和高阶组件在性能方面有何区别?
在 React 中,组合组件和高阶组件在性能方面有何区别?
250 67
|
6月前
|
前端开发 JavaScript 安全
除了高阶组件和render props,还有哪些在 React 中实现代码复用的方法?
除了高阶组件和render props,还有哪些在 React 中实现代码复用的方法?
281 62