反应：RangeError：无效的时间值 - 保存到 LocalStorage 后的 DatePicker 错误答案

【问题标题】：React: RangeError: Invalid time value - DatePicker error after Saving to LocalStorage反应：RangeError：无效的时间值 - 保存到 LocalStorage 后的 DatePicker 错误
【发布时间】：2020-09-25 05:53:51
【问题描述】：

我的代码运行良好，直到我想将数据保存到本地存储。

添加后代码崩溃了：

function loadFromLocalStorage() {
    try {
        const serialzedState = localStorage.getItem('state');
        if (serialzedState === null) return undefined;
        return JSON.parse(serialzedState);
    } catch (e) {
        console.log(e);
        return undefined;
    }
}

这是 DatePicker 和解析日期的问题，但我无法弄清楚我的代码是如何处理的。在 cmets 中是沙盒链接......这似乎正在工作。

【问题讨论】：

codesandbox.io/s/reverent-dan-3c2kp

标签： reactjs redux react-redux datepicker local-storage

【解决方案1】：

您需要更改DeadlineList.js 组件以显示日期。 Intl.DateTimeFormat 没有收到正确的日期对象。这导致了你的问题。

{new Intl.DateTimeFormat("en-US").format(new Date(value))}

Demo

【讨论】：