javascript - 将状态数组中的日期转换回 Date 对象

Question

我正在通过 localStorage 在我的 React 应用程序中保存状态

const [items, setItem] = useState(() => {
let itemsString = window.localStorage.getItem('items');
if (itemsString) {
  try {
    return JSON.parse(itemsString);
  } catch (e) {
    console.error(e);
    return [];
  }
} else {
  return [];
}
})

当我 JSON.parse(itemsString) 状态中的日期已转换为 UTC(因为 strings/localstorage)

如何JSON.parse() 我的状态并将日期字符串重新初始化为对象？

例如而不是返回 2019-07-19T00:28:03.058Z 而是返回 Thu Jul 18 2019 20:28:03 GMT-0400(东部夏令时间)

解决方案是在 Aaron 下面的建议的帮助下得出的。

存储旧状态。映射状态数组，创建新的空对象并将每个属性存储在其中，存储日期，将日期转换为字符串并将其传递给新的日期对象以在页面刷新时将值实例化回日期对象。

const [items, setItem] = useState(() => {
let itemsString = window.localStorage.getItem('items');
if (itemsString) {
  try {
    const oldState = JSON.parse(itemsString);
    const newState = oldState.map(item => {
      const date = item.date;
      const container = {} 
      container.id = item.id
      container.item = item.item
      container.date = new Date(date.toString())
      container.cost = item.cost
      container.type = item.type
      return container;
    })

    return newState;
  } catch (e) {
    console.error(e);
    return [];
  }
} else {
  return [];
}
})

Answer 1

解析 itemString 后，只需将日期键设置为新的 Date 对象

const object = JSON.parse(itemString);
const newState = {...object, date: new Date(object.date)}