TypeScript redux-persist.persistReducer函数代码示例

OStack程序员社区-中国程序员成长平台 › 门户 › 编程› TypeScript›TypeScript教程

原作者: [db:作者] 来自: [db:来源] 收藏邀请

本文整理汇总了TypeScript中redux-persist.persistReducer函数的典型用法代码示例。如果您正苦于以下问题：TypeScript persistReducer函数的具体用法？TypeScript persistReducer怎么用？TypeScript persistReducer使用的例子？那么恭喜您, 这里精选的函数代码示例或许可以为您提供帮助。

在下文中一共展示了persistReducer函数的7个代码示例，这些例子默认根据受欢迎程度排序。您可以为喜欢或者感觉有用的代码点赞，您的评价将有助于我们的系统推荐出更棒的TypeScript代码示例。

示例1: createSagaMiddleware

export const configureStore = () => {
  const sagaMiddleware = createSagaMiddleware()
  const logger = createLogger()
  const store = createStore(
    persistReducer({ key: 'reversi', storage, whitelist: ['history'] }, reducer),
    compose(
      applyMiddleware(sagaMiddleware, logger),
      getDevtools()
    )
  )
  const persistor = persistStore(store)

  if (module.hot) {
    module.hot.accept('./reducer', () => {
      store.replaceReducer(require('./reducer').default)
    })
  }

  return {
    store,
    persistor,
    runSaga: sagaMiddleware.run,
    close () {
      store.dispatch(END as any)
    }
  }
}

开发者ID:DanSnow，项目名称:react-reversi，代码行数:27，代码来源:store.ts

示例2: createStore

const persistEnhancer = () => (createStore) => (
  reducer,
  initialState,
  enhancer,
) => {
  const store = createStore(
    persistReducer(persistConfig, reducer),
    initialState,
    enhancer,
  );
  const persist = persistStore(store, null);
  return {
    persist,
    ...store,
  };
};

开发者ID:SteveTannnnng，项目名称:Mob，代码行数:16，代码来源:app.ts

示例3: persistReducer

/**
 * Wrapper function around persistReducer from Redux Persist.
 */
export default function persistReducer(
  key: string,
  reducer: Reducer<any, any>,
  options: Pick<
    PersistConfig,
    Exclude<keyof PersistConfig, keyof { key: string; storage: Record<string, any> }>
  > = {},
) {
  return basePersistReducer<any, any>(
    {
      key,
      storage,
      debug: process.env.NODE_ENV !== 'production',
      ...options,
    },
    reducer,
  );
}

开发者ID:nusmodifications，项目名称:nusmods，代码行数:21，代码来源:persistReducer.ts

示例4: persistReducer

import {combineReducers} from "redux";
import {persistReducer} from "redux-persist";
import auth from "./authReducer";
import app from "./appReducer";
import {IState} from "@/models/State";
import storage from "redux-persist/lib/storage";
import {reducer as form} from "redux-form";
import wallets from "./walletReducer";
import transactions from "./transactionReducer";

const rootReducer = combineReducers<IState>({
    auth,
    wallets,
    transactions,
    app,
    form
});

const persistConfig = {
    key: "root",
    storage,
    whitelist: ["auth"]
};

export const persistedReducer = persistReducer(persistConfig, rootReducer);

开发者ID:ZulusK，项目名称:Budgetarium，代码行数:25，代码来源:index.ts

示例5: createChromeStorage

import { applyMiddleware, createStore } from 'redux';
import { persistReducer } from 'redux-persist';
import thunk from 'redux-thunk';
import logger from 'redux-logger';

import createChromeStorage from 'redux-persist-chrome-storage';
import { PersistConfig } from 'redux-persist/es/types';
import immutableTransform from 'redux-persist-transform-immutable';

import reducers, { STATE_HELPER, STATE_UI } from './reducers';
import { STORAGE_KEY_REDUX } from '../constants';

// Create a ChromeStorage instance using the chrome runtime and the local StorageArea.
const storage = createChromeStorage(window.chrome, 'local');

const config: PersistConfig = {
  storage,
  transforms: [immutableTransform()],
  key: STORAGE_KEY_REDUX,
  blacklist: [STATE_UI, STATE_HELPER],
};

const persistedReducer = persistReducer(config, reducers);
const createStoreWithMiddleware = applyMiddleware(thunk, logger)(createStore);

export { createStoreWithMiddleware as createStore, persistedReducer as reducer };

开发者ID:xxr3376，项目名称:Learn-Project，代码行数:26，代码来源:store.ts

示例6: createStore

import me, { State as MeState } from 'store/me'
import users, { State as UsersState } from 'store/users'

// Type definitions
export interface State {
  me: MeState
  users: UsersState
}

// Reducers
const reducers = {
  me,
  users
}

// Middleware
const middleware: Middleware[] = [thunk]
if (process.env.NODE_ENV !== 'production') {
  middleware.push(logger)
}

// Store
const store = createStore(
  persistReducer({ key: 'persistStore', storage }, combineReducers(reducers)),
  applyMiddleware(...middleware)
)

// Exports
export default store
export const persistor = persistStore(store)

开发者ID:chaucerbao，项目名称:react-redux-template，代码行数:30，代码来源:index.ts

示例7: createStore

import items, { IState as ItemsState } from './items'

// Type definitions
export interface IState {
  items: ItemsState
}

// Reducers
const reducers = {
  items
}

// Middleware
const middleware: Middleware[] = [thunk]
if (process.env.NODE_ENV !== 'production') {
  middleware.push(logger)
}

// Store
const store = createStore(
  persistReducer<IState, Action<any>>(
    { key: 'persistStore', storage },
    combineReducers<any, Action<any>>(reducers)
  ),
  applyMiddleware(...middleware)
)

// Exports
export default store
export const persistor = persistStore(store)

开发者ID:chaucerbao，项目名称:react-project-template，代码行数:30，代码来源:index.ts

注：本文中的redux-persist.persistReducer函数示例由纯净天空整理自Github/MSDocs等源码及文档管理平台，相关代码片段筛选自各路编程大神贡献的开源项目，源码版权归原作者所有，传播和使用请参考对应项目的License；未经允许，请勿转载。