reactjs - 时间戳格式不支持 React `react-datepicker` 作为默认值

Question

API 结果中的日期时间格式为 2019-12-30T06:16:48.453Z。 react-datepicker 不支持它。

我的代码如下，是一个功能组件。下面我没有写出完整的代码。仅添加了所需的部分。

import DatePicker from "react-datepicker";
import "react-datepicker/dist/react-datepicker.css";

<DatePicker
    selected={'2019-12-30T06:16:48.453Z'}
    {...props}
/>

我还尝试通过导入来添加 moment 并将其用作 selected={moment('2019-12-30T06:16:48.453Z')}

我在两种情况下都会收到错误，例如超出最大更新深度。

Answer 1

他们仍然使用的是 React datepicker 1.8 版本，以减少他们使用 native 日期对象的包大小。 reference

因此您可以更新代码，如下所示

 function App() {
  return (
    <div className="App">
      <DatePicker selected={new Date("2019-12-30")} />
      <DatePicker selected={new Date("2019-12-30T06:16:48.453Z")} />
    </div>
  );
}

正在工作codesandbox

更新

要获得所需的格式，react datepicker 有一个名为 dateFormat 的 prop，因此您可以像这样添加 dateFormat="dd/MM/yyyy"，请参阅 here