• 设为首页
  • 点击收藏
  • 手机版
    手机扫一扫访问
    迪恩网络手机版
  • 关注官方公众号
    微信扫一扫关注
    公众号

TypeScript react-redux-loading-bar.loadingBarMiddleware函数代码示例

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

本文整理汇总了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
}
开发者ID:do7be,项目名称:lgtm-hub,代码行数:13,代码来源:index.ts


示例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() 返回一个函数用来注销监听器
开发者ID:gjik911,项目名称:git_01,代码行数:31,代码来源:store.ts


示例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) {
开发者ID:cschleiden,项目名称:imperaplus-client,代码行数:31,代码来源:store.ts



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


鲜花

握手

雷人

路过

鸡蛋
该文章已有0人参与评论

请发表评论

全部评论

专题导读
上一篇:
TypeScript react-redux-toastr.toastr类代码示例发布时间:2022-05-25
下一篇:
TypeScript react-redux.Dispatch类代码示例发布时间:2022-05-25
热门推荐
热门话题
阅读排行榜

扫描微信二维码

查看手机版网站

随时了解更新最新资讯

139-2527-9053

在线客服(服务时间 9:00~18:00)

在线QQ客服
地址:深圳市南山区西丽大学城创智工业园
电邮:jeky_zhao#qq.com
移动电话:139-2527-9053

Powered by 互联科技 X3.4© 2001-2213 极客世界.|Sitemap