Redux - 当前处理商店中的日期类型

Question

在我们正在进行的项目中，我们有一个包含日期的通用界面。 当我们将 redux 添加到项目中时，我们遇到了一个问题，当我们在内部存储包含日期的对象时收到警告

A non serialized value was detected in the state...

所以我们更新了我们的代码，在 reducer 中将对象存储在 store 中时将日期转换为字符串，并在选择器中将它们转换回日期。

...
reducers: {
  itemAdded(state, action) {
    state.items.push(stringfyDates(action.payload))
  }
  ...
}
...
selectItems = (root) => root.slice.items.map(destrigfyDates)

这解决了这个问题，但我们遇到了一个新问题，当我们在 useEffect 依赖项中使用日期时，效果会在每个渲染器上触发，因为每个渲染器中都有不同的日期 object。

这让我们认为我们可能处理不当。

我的问题是

1. 我们用来在数据库中存储日期的模式是反模式吗？
2. 还有什么其他方法可以处理这种情况？
3. redux 是否期望使用它的项目以字符串格式存储日期并仅在需要日期属性时才解析它们？

Answer 1

不要在选择器中转换它们，您可以直接使用从 state 获得的值作为 useEffects 的依赖项作为时间戳，然后您可以用它做任何您想做的事情。 不要将创建的 object 用作 useEffect 的依赖项，而是将时间戳或日期用作字符串，object 具有不同的引用，即使它们具有相同的值

比较对象与比较数字或字符串不同，对象是通过引用而不是值进行比较的

Redux 最佳实践是不在 state 中存储不可序列化的值。 价值观如

• 承诺
• class 个实例
• 日期
• ...

检查这个https://redux.js.org/style-guide/#do-not-put-non-serializable-values-in-state-or-actions