在某些情况下，如何防止 react-persist 将数据存储到本地存储？答案

【问题标题】：How to prevent react-persist store the data to local storage for some cases?在某些情况下，如何防止 react-persist 将数据存储到本地存储？
【发布时间】：2021-08-13 11:49:54
【问题描述】：

您好，我们正在使用 React JS 开发 Web 应用程序，并使用 react-persist 进行状态管理。 React-persist 将状态数据存储到本地存储。但是我需要从用户登录数据等某些情况下跳过这个存储逻辑。如何做到这一点。

样本缩减器：

import { persistReducer } from "redux-persist";
import storage from "redux-persist/lib/storage";
import {GET_DATA, GET_DATA_SUCCESS} from "./configAction"

const initialState = {};
  
  export const reducer = persistReducer(
  { storage, key: "config"},
    (state = initialState, {type, payload}) => {
          switch (type) {
              case GET_DATA:
                  return{
                      ...state,
                      isLoading: true,
                  };
                  case GET_DATA_SUCCESS:
                      return payload.data.data.config
              default:
                  return state
          }
      })

【问题讨论】：

标签： reactjs react-redux redux-persist

【解决方案1】：

在redux-persist 中有一个叫做blackList 的东西，您可以使用它来排除数据被持久化。

假设你的商店中有一个数据

{ 
  appData: { key1: {} , key2: {} }
}

现在，如果您不想保留 Key1 及其值，您可以执行类似的操作

const appDataPersistConfig = {
  key: 'appData',
  storage: storage // import this from redux-persist
  blackList: [ 'key1' ]
}

BlackList and WhiteList - 请参考这个。

【讨论】：