本文整理汇总了TypeScript中react-redux-loading-bar.loadingBarMiddleware函数的典型用法代码示例。如果您正苦于以下问题:TypeScript loadingBarMiddleware函数的具体用法?TypeScript loadingBarMiddleware怎么用?TypeScript loadingBarMiddleware使用的例子?那么恭喜您, 这里精选的函数代码示例或许可以为您提供帮助。
在下文中一共展示了loadingBarMiddleware函数的3个代码示例,这些例子默认根据受欢迎程度排序。您可以为喜欢或者感觉有用的代码点赞,您的评价将有助于系统推荐出更棒的TypeScript代码示例。
示例1: composeEnhancers
const rootStore = () => {
const store = createStore<RootState>(
rootReducer,
composeEnhancers(
applyMiddleware(
loadingBarMiddleware(),
thunk
)
)
)
return store
}
示例2: promiseMiddleware
import { createStore, applyMiddleware, compose } from 'redux';
import promiseMiddleware from 'redux-promise-middleware';
import thunkMiddleware from 'redux-thunk';
import reducer, { IRootState } from 'app/shared/reducers';
import DevTools from 'app/config/devtools';
import errorMiddleware from 'app/config/error-middleware';
import notificationMiddleware from 'app/config/notification-middleware';
import loggerMiddleware from 'app/config/logger-middleware';
import { loadingBarMiddleware } from 'react-redux-loading-bar';
const defaultMiddlewares = [
thunkMiddleware,
errorMiddleware,
notificationMiddleware,
promiseMiddleware(),
loadingBarMiddleware(),
loggerMiddleware
];
const composedMiddlewares = middlewares =>
process.env.NODE_ENV === 'development'
? compose(
applyMiddleware(...defaultMiddlewares, ...middlewares),
DevTools.instrument()
)
: compose(applyMiddleware(...defaultMiddlewares, ...middlewares));
// 创建 Redux store 来存放应用的状态。
const initialize
= ((initialState?: IRootState, middlewares = []) => createStore(reducer, initialState, composedMiddlewares(middlewares)));
// 扩展示例:
// 每次 state 更新时,打印日志
// 注意 subscribe() 返回一个函数用来注销监听器
示例3: makeImmutable
const language = localStorage.getItem("impera-lang") || "en";
const initialData = Object.assign({}, sessionData, { language: language });
const initialSessionState = initialData && makeImmutable(initialData) as ISessionState || undefined;
export let store = Redux.createStore<IState>(
rootReducer,
{
// Pre-populate stored session data
session: initialSessionState
} as IState,
compose(
Redux.applyMiddleware(
routerMiddleware(browserHistory as any),
loadingBarMiddleware({
promiseTypeSuffixes: [pending(""), success(""), failed("")]
}),
promiseMiddleware as any,
thunkMiddleware.withExtraArgument({
getCachedClient: getCachedClient,
createClientWithToken: createClientWithToken,
getSignalRClient: getSignalRClient
} as IAsyncActionDependencies),
(createLogger as any)())));
// Persist session settings to session storage
store.subscribe(debounce(() => {
const state = store.getState();
const sessionState = state && state.session;
if (sessionState) {