在 React js 中以模式重新打开时在 ANTD 的日期选择器中重置当前日期

Reset the current date in datepicker of ANTD on modal reopen in react js

问题

关闭modal后antd的datepicker没有重置 如果用户 select 日期 2029/Feb/02 并在日期选择器中重新打开模态后关闭模态 selected 年是 2029

我想要的

重新打开模式后,今天的日期将是 selected

我试过的

根据文档 Antd 如果设置了 defaultPickerValue 那么它应该在模式重新打开时显示当前日期,但它不起作用

defaultPickerValue={moment()}

代码

Working example

您需要将初始状态值设置为 undefined 而不是 ""defaultValue 只会在 value 属性实际上是 undefined 时设置值。

编辑:您还需要在 Modal 上添加 destroyOnClosedefaultValue 仅在安装组件时设置一次,并且由于关闭模式实际上并未卸载组件,因此它将保留其状态值。

https://codesandbox.io/s/fix-date-picker-inside-modal-window-in-react-js-forked-hcclx6?file=/index.js:707-716