Redux日期存储与处理的问题咨询及合理方案探讨

1. 当前的日期存储模式是不是反模式？ #

这个模式本身不是反模式，问题出在实现细节上：每次调用selectItems都会重新遍历数组并生成全新的Date对象，哪怕原state里的字符串没变化，新生成的Date对象引用也会不同，导致useEffect的依赖检测认为值变了，触发重复执行。核心是没有对解析后的结果做缓存，而非模式本身错误。

2. 其他可行的处理方案 #

• 用Reselect缓存解析结果：Redux官方推荐的Reselect库可以创建记忆化（memoized）的selector，只有当原state中的日期字符串发生变化时，才会重新生成Date对象。示例：

import { createSelector } from '@reduxjs/toolkit'

const selectItemsRaw = (root) => root.slice.items
export const selectItems = createSelector(
  [selectItemsRaw],
  (items) => items.map(destrigfyDates)
)

这样只要selectItemsRaw返回的数组内容不变，selectItems就会返回缓存的结果，Date对象引用一致，不会触发不必要的useEffect。

• 存储时间戳而非字符串：把Date转成Unix时间戳（数字类型）存在state里，数字的序列化/反序列化更高效，且同样是可序列化类型。解析时用new Date(timestamp)，结合Reselect缓存同样能解决依赖问题。

• 组件内局部解析：不在全局selector里统一转Date，而是在需要使用日期的组件内部，拿到字符串/时间戳后再转成Date对象。但这种方式可能会导致重复代码，适合小型项目或局部场景。

• 关闭序列化警告（不推荐）：虽然可以通过配置关闭Redux的非序列化值警告，但官方强烈不建议这么做——非序列化值会破坏DevTools的时间旅行功能、状态持久化（如localStorage存state）等核心特性。

3. Redux是否要求必须用字符串存储日期？ #

Redux官方要求状态必须是可序列化的，也就是只能存plain object、数组、字符串、数字、布尔值、null这类能被JSON.stringify正确处理的类型。Date对象属于非序列化值，所以不能直接存在state里。

但不是必须用字符串——时间戳（数字）也是完全合规的可序列化类型，只要能把日期转换成可序列化的格式存储，在需要使用时再解析回Date对象即可，字符串只是其中一种可选方案。

内容的提问来源于stack exchange，提问作者Plargato