React实践报错:TypeError: date.clone is not a function, antd DatePicker报错
内容导读
互联网集市收集整理的这篇技术教程文章主要介绍了React实践报错:TypeError: date.clone is not a function, antd DatePicker报错,小编现在分享给大家,供广大互联网技能从业者学习和参考。文章包含1074字,纯文字阅读大概需要2分钟。
内容图文
配置
react 17.0.1
antd 4.15.0
想实现的效果
用户点击“修改个人信息”按钮,原出生日期数据回显到antd
组件DatePicker
中。而出生日期字段birthDate
是表单上所有数据userInfo
的一个属性。
报错信息
报错代码
showModal = () => {
const { userInfo } = this.state;
this.setState({
visibleInfo: true,
});
// 设置100毫秒的延迟 确保from组件已经加载完毕
setTimeout(() => {
this.infoFormRef.current.setFieldsValue(userInfo);
}, 100);
};
报错原因
DatePicker不能接收字符串,只能接收moment
类型的值。
解决办法
1.在赋值之前将birthDate
数据转成moment
类型
2.先赋值birthDate
3.移除userInfo
中的birthDate
属性
4.在赋值userInfo
showModal = () => {
const { userInfo } = this.state;
let { birthDate } = this.state.userInfo;
birthDate = moment(birthDate);
this.setState({
visibleInfo: true,
});
// 设置100毫秒的延迟 确保from组件已经加载完毕
setTimeout(() => {
this.infoFormRef.current.setFieldsValue({ birthDate });
delete userInfo.birthDate
this.infoFormRef.current.setFieldsValue(userInfo);
}, 100);
};
说明
本人react初学者,这种方法也就是本菜狗解决问题的笨方法,重点是记录问题出现的原因,为各位提供一下思路,一定有更好,更方便的方法。
内容总结
以上是互联网集市为您收集整理的React实践报错:TypeError: date.clone is not a function, antd DatePicker报错全部内容,希望文章能够帮你解决React实践报错:TypeError: date.clone is not a function, antd DatePicker报错所遇到的程序开发问题。 如果觉得互联网集市技术教程内容还不错,欢迎将互联网集市网站推荐给程序员好友。
内容备注
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 gblab@vip.qq.com 举报,一经查实,本站将立刻删除。
内容手机端
扫描二维码推送至手机访问。