Redux状态持久化方案

Wed, 05 Mar 2025 12:28:17 +0000

考察点分析

该题目主要考察三个核心维度：

具体评估点：

Redux-persist > Storage引擎适配 > 数据变换流水线 > 状态水合(Hydration)

核心流程：
- 持久化：通过store订阅机制监听状态变化，通过storage引擎异步写入
- 恢复：应用启动时通过REHYDRATE动作分片加载持久化数据
- 水合机制：将磁盘数据安全注入Redux store的过程，需处理异步加载与状态合并

存储引擎适配：

 import { createSyncStorage } from 'redux-persist/lib/storage/sync' // 内存同步存储
import { getStorage } from 'storage-module' // 自定义存储引擎

库通过抽象Storage接口（getItem/setItem）兼容多种后端，包括AsyncStorage、LocalForage等

数据转换：

 const dateTransform = createTransform(
 (state) => JSON.stringify(state),
 (raw) => ({...JSON.parse(raw), date: new Date()})
)

常见误区：