react antd 时间组件DatePicker报错The above error occurred in the 「CalenderWrapper」 component

1.在做一个新增页面antd的DatePicker组件报错,导致页面第一次添加成功,第二次新增页面无法打开

1
错误信息:

在这里插入图片描述

debugger发现提交成功后,是这个value.locale方法报错undefined引起的一系列问题
value传入的是个字符串
在这里插入图片描述
但是initialValue是传入的moment对象
在这里插入图片描述
后来花了半天时间才找到问题,提交的时候调用了setFieldsValue这里又重新set了一次value,子组件点击提交,会立即render一次,这时候的date值还是提交之前format过的string值,而第一次没有报错,是因为值是initialValue。
在这里插入图片描述还是要对react生命周期了解清楚。不然搬轮子都不会,一头雾水。就这…