如何在 redux-persist v5 中使用白名单？答案

【问题标题】：How to use whitelist in redux-persist v5?如何在 redux-persist v5 中使用白名单？
【发布时间】：2018-04-09 19:18:09
【问题描述】：

我尝试在 redux-persist v5 中使用白名单。

我在 Stack Overflow 上关注了this answer，如下所示

persistStore(store, { whitelist: ['messages'] });

但是，我得到了错误

传递给persistStore的无效选项：“白名单”。您可能错误地将persistConfig 传递给persistStore，而它应该传递给persistReducer。

然后我在阅读了 redux-persist readme file 之后尝试了类似下面的内容

const transform = createTransform(null, null, {
  whitelist: [
    'messages'
  ]
});

const config = {
  key: 'state',
  storage: localForage,
  transforms: [transform]
};

const reducer = persistReducer(config, rootReducer);

但它不起作用。它仍然通过 localForage 保存所有内容。

那么在 redux-persist v5 中使用白名单的正确方法是什么？

【问题讨论】：

标签： javascript reactjs redux react-redux redux-persist

【解决方案1】：

如果你使用redux-persist v5，你应该传递PersistConfig，作为persistCombineReducers的第一个参数：

const config = {
  key: 'root',
  whitelist: ['messages']
}

const reducer = persistCombineReducers(config, reducers)

注意：他们在 v5 中进行了几处更改，请仔细阅读文档以创建增强型商店，并可选择使用 PersistGate。

【讨论】：